DANCESPORT CHOREOGRAPHY ASSISTANT

#kdc-choreography-assistant{--purple:#7e31d7;--purple2:#a11d87;--gold:#d4af37;--oyster:#f7f2e8;--ink:#03050a;--panel:rgba(8,10,18,.74);--line:rgba(255,255,255,.14)} #kdc-choreography-assistant,#kdc-choreography-assistant *{box-sizing:border-box} #kdc-choreography-assistant{position:relative;margin:0;color:#fff;font-family:'Fira Sans',Arial,sans-serif;overflow:hidden;width:100%;max-width:none} #kdc-choreography-assistant .kdc-studio{position:relative;min-height:100svh;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 50% 46%,rgba(126,49,215,.22),transparent 27%),radial-gradient(circle at 50% 100%,rgba(212,175,55,.10),transparent 32%),linear-gradient(180deg,#020307,#080913 60%,#020307)} #kdc-choreography-assistant .kdc-studio:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(0,0,0,.7),transparent 25%,transparent 75%,rgba(0,0,0,.7)),repeating-linear-gradient(90deg,transparent 0 99px,rgba(255,255,255,.018) 100px)} #kdc-choreography-assistant .glow{position:absolute;left:50%;top:48%;width:520px;height:520px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(126,49,215,.22),rgba(126,49,215,.05) 42%,transparent 68%);filter:blur(14px);animation:kdcAssistPulse 5s ease-in-out infinite;z-index:-1} @keyframes kdcAssistPulse{50%{transform:translate(-50%,-50%) scale(1.12);opacity:.75}} #kdc-choreography-assistant .eyebrow{position:absolute;top:34px;left:50%;transform:translateX(-50%);z-index:8;white-space:nowrap;color:rgba(255,255,255,.72);font-size:12px;letter-spacing:.26em;font-weight:700;text-transform:uppercase} #kdc-choreography-assistant .photo{position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px rgba(0,0,0,.52);background:#111;opacity:0;animation:kdcAssistArrive .9s ease forwards} #kdc-choreography-assistant .photo img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) contrast(1.06);transition:transform .8s ease,filter .8s ease}#kdc-choreography-assistant .photo:hover img{transform:scale(1.045);filter:saturate(1.08) contrast(1.05)} #kdc-choreography-assistant .photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,5,10,.02),rgba(3,5,10,.08) 55%,rgba(3,5,10,.72))} #kdc-choreography-assistant .p1{left:-2vw;top:10vh;width:min(25vw,360px);height:43vh;border-radius:0 28px 28px 0;animation-delay:.12s}#kdc-choreography-assistant .p2{right:-2vw;top:8vh;width:min(24vw,350px);height:44vh;border-radius:28px 0 0 28px;animation-delay:.25s}#kdc-choreography-assistant .p3{left:3vw;bottom:-2vh;width:min(27vw,390px);height:40vh;border-radius:28px 28px 0 0;animation-delay:.38s}#kdc-choreography-assistant .p4{right:3vw;bottom:-2vh;width:min(27vw,390px);height:40vh;border-radius:28px 28px 0 0;animation-delay:.5s} @keyframes kdcAssistArrive{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:.92;transform:none}} #kdc-choreography-assistant .stage{min-height:100svh;display:grid;place-items:center;padding:100px 24px 72px;position:relative;z-index:5} #kdc-choreography-assistant .portal{width:min(680px,92vw);padding:48px 50px 42px;text-align:center;border-radius:30px;background:linear-gradient(145deg,rgba(16,18,31,.90),rgba(5,6,12,.84));border:1px solid rgba(255,255,255,.18);box-shadow:0 35px 100px rgba(0,0,0,.62),0 0 80px rgba(126,49,215,.14),inset 0 1px 0 rgba(255,255,255,.09);backdrop-filter:blur(18px);position:relative;overflow:hidden} #kdc-choreography-assistant .portal:before{content:"";position:absolute;left:14%;right:14%;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),var(--purple),transparent)} #kdc-choreography-assistant .kicker{font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:18px}#kdc-choreography-assistant .portal h1{font-size:clamp(35px,5vw,64px);line-height:.96;letter-spacing:-.045em;margin:0;color:var(--oyster);font-weight:900}#kdc-choreography-assistant .portal h1 span{display:block;background:linear-gradient(100deg,#fff 15%,#d8c16c 52%,#bb82ff);-webkit-background-clip:text;background-clip:text;color:transparent}#kdc-choreography-assistant .tagline{font-size:clamp(16px,2vw,21px);line-height:1.45;color:rgba(255,255,255,.82);font-weight:500;margin:22px auto 12px}#kdc-choreography-assistant .intro{max-width:560px;margin:0 auto 28px;color:rgba(255,255,255,.61);font-size:14px;line-height:1.7} #kdc-choreography-assistant .enter{display:inline-flex;align-items:center;gap:12px;justify-content:center;min-height:58px;padding:0 28px;border-radius:999px;text-decoration:none;color:#fff;font-weight:800;letter-spacing:.05em;font-size:14px;background:linear-gradient(110deg,var(--purple2),var(--purple));border:1px solid rgba(255,255,255,.22);box-shadow:0 14px 35px rgba(126,49,215,.35);transition:.25s ease}#kdc-choreography-assistant .enter:hover{transform:translateY(-3px);box-shadow:0 18px 48px rgba(126,49,215,.5)}#kdc-choreography-assistant .enter b{font-size:20px;font-weight:400;transition:transform .25s}#kdc-choreography-assistant .enter:hover b{transform:translateX(5px)} #kdc-choreography-assistant .flow{display:flex;justify-content:center;align-items:center;gap:13px;flex-wrap:wrap;margin-top:29px;color:rgba(255,255,255,.62);font-size:11px;font-weight:800;letter-spacing:.13em}#kdc-choreography-assistant .flow i{width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)} #kdc-choreography-assistant .studio-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px auto 0;max-width:590px} #kdc-choreography-assistant .choice{min-height:132px;padding:20px 18px;border-radius:20px;text-decoration:none;color:#fff;text-align:left;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.17);background:linear-gradient(145deg,rgba(126,49,215,.18),rgba(8,10,18,.80));box-shadow:0 14px 34px rgba(0,0,0,.24);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease} #kdc-choreography-assistant .choice:before{content:"";position:absolute;right:-40px;top:-55px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(126,49,215,.32),transparent 68%)} #kdc-choreography-assistant .choice-90{background:linear-gradient(145deg,rgba(212,175,55,.12),rgba(8,10,18,.82))} #kdc-choreography-assistant .choice-90:before{background:radial-gradient(circle,rgba(212,175,55,.25),transparent 68%)} #kdc-choreography-assistant .choice:hover{transform:translateY(-4px);border-color:rgba(187,130,255,.72);box-shadow:0 18px 44px rgba(126,49,215,.24)} #kdc-choreography-assistant .choice-90:hover{border-color:rgba(212,175,55,.70);box-shadow:0 18px 44px rgba(212,175,55,.14)} #kdc-choreography-assistant .choice small{position:relative;z-index:1;color:#cba8ff;font-size:9px;letter-spacing:.18em;font-weight:800;margin-bottom:8px} #kdc-choreography-assistant .choice-90 small{color:#e4c258} #kdc-choreography-assistant .choice strong{position:relative;z-index:1;font-size:17px;line-height:1.15;letter-spacing:-.01em} #kdc-choreography-assistant .choice span{position:relative;z-index:1;margin-top:12px;color:rgba(255,255,255,.62);font-size:11px;font-weight:700} #kdc-choreography-assistant .choice span b{color:#fff;font-size:15px;margin-left:4px} #kdc-choreography-assistant .corner-label{position:absolute;bottom:15px;left:18px;z-index:2;font-size:10px;letter-spacing:.18em;font-weight:800;text-transform:uppercase;color:rgba(255,255,255,.78)} #kdc-choreography-assistant .scroll{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);font-size:9px;letter-spacing:.22em;color:rgba(255,255,255,.38);text-transform:uppercase;z-index:6} @media(max-width:1050px){#kdc-choreography-assistant .p1,#kdc-choreography-assistant .p2{width:30vw}#kdc-choreography-assistant .p3,#kdc-choreography-assistant .p4{width:31vw}#kdc-choreography-assistant .portal{width:min(610px,74vw)}} @media(max-width:760px){#kdc-choreography-assistant .studio-choices{grid-template-columns:1fr;gap:10px}#kdc-choreography-assistant .choice{min-height:108px;padding:17px}#kdc-choreography-assistant .kdc-studio{min-height:auto;padding-bottom:22px}#kdc-choreography-assistant .eyebrow{top:22px;font-size:9px;letter-spacing:.17em}#kdc-choreography-assistant .stage{min-height:auto;padding:210px 18px 190px}#kdc-choreography-assistant .portal{width:100%;padding:38px 22px 34px;border-radius:24px}#kdc-choreography-assistant .photo{opacity:.68!important}#kdc-choreography-assistant .p1{left:-18px;top:60px;width:45vw;height:180px;border-radius:0 18px 18px 0}#kdc-choreography-assistant .p2{right:-18px;top:60px;width:45vw;height:180px;border-radius:18px 0 0 18px}#kdc-choreography-assistant .p3{left:-18px;bottom:22px;width:45vw;height:150px;border-radius:0 18px 18px 0}#kdc-choreography-assistant .p4{right:-18px;bottom:22px;width:45vw;height:150px;border-radius:18px 0 0 18px}#kdc-choreography-assistant .corner-label{display:none}#kdc-choreography-assistant .portal h1{font-size:39px}#kdc-choreography-assistant .tagline{font-size:16px}#kdc-choreography-assistant .intro{font-size:13px}#kdc-choreography-assistant .scroll{display:none}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}} HDSF & KDC · DanceSport Development System Latin · Development Standard · Performance Standard · Foundation Latin · Competition Create · Structure · Perform DANCESPORT CHOREOGRAPHY ASSISTANT From Figures to Choreography.From Technique to Performance. Your choreography begins here. Explore DanceSport figures, understand their structure and transform technical knowledge into purposeful, competition-ready choreography. CREATE YOUR OWN CUSTOM CHOREOGRAPHY Build your choreography → READY TO DANCE 90-SECOND CHOREOGRAPHIES Explore the routines → CHOOSE YOUR ROUTEBUILD WITH PURPOSEPERFORM WITH CONFIDENCE KDC · From Fundamentals to Excellence

KDC DanceSport Choreography Assistant

DANCESPORT CHOREOGRAPHY ASSISTANT

Follow Us on Social Media