@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/vazirmatn-arabic-wght-normal.0tzxgo2fuaf-x.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/vazirmatn-latin-ext-wght-normal.0ohik0lv51opt.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/vazirmatn-latin-wght-normal.00gnhmt88g2y1.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--navy:#10366d;--navy-deep:#071d42;--mint:#2fd5a1;--mint-deep:#079b72;--ink:#102f5c;--muted:#66809b;--page:#eef7fb;--danger:#d85353;--island-radius:clamp(20px,2vw,28px);--color-student:#00966b;--color-student-bg:#e6f7f2;--color-student-glow:#00966b26;--color-student-border:#70cca2;--color-student-grad:linear-gradient(100deg,#00966b,#11b984);--color-student-shadow:#00966b40;--color-advisor:#1747d4;--color-advisor-bg:#ebf0fd;--color-advisor-glow:#1747d426;--color-advisor-border:#82a3f7;--color-advisor-grad:linear-gradient(100deg,#1747d4,#3b70f4);--color-advisor-shadow:#1747d440;--color-manager:#5720c6;--color-manager-bg:#f3eefa;--color-manager-glow:#5720c626;--color-manager-border:#a582ec;--color-manager-grad:linear-gradient(100deg,#5720c6,#7d4ae7);--color-manager-shadow:#5720c640;--color-parent:#b65d0b;--color-parent-bg:#fcf2e8;--color-parent-glow:#b65d0b26;--color-parent-border:#dfa16a;--color-parent-grad:linear-gradient(100deg,#b65d0b,#d6741b);--color-parent-shadow:#b65d0b40}*{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}html{background:var(--page);scroll-behavior:smooth;min-width:320px}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 5% 4%,#2fd5a121,transparent 24rem),radial-gradient(circle at 97% 44%,#2f68e817,transparent 27rem),var(--page);-webkit-font-smoothing:antialiased;margin:0;font-family:Vazirmatn Variable,Vazirmatn,sans-serif}button,input,select{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.page-shell{grid-template-rows:clamp(58px,8.5vh,74px) minmax(0,1fr) clamp(46px,8.5vh,78px);gap:clamp(7px,1.25vh,12px);width:min(100% - 28px,1340px);height:calc(100dvh - 20px);margin:10px auto;padding:0;display:grid;overflow:hidden}.topbar,.main-island,.footer-island{border-radius:var(--island-radius);background:#fffffff5;border:1px solid #d5e8f1f5;position:relative;overflow:hidden;box-shadow:0 16px 42px #18446813}.topbar{place-items:center;padding:5px 16px;display:grid}.brand-logo{width:150px;height:50px;display:block}.brand-logo img{object-fit:contain;width:100%;height:100%}.header-cta{color:#087d60;background:#effcf7;border:1px solid #089b7226;border-radius:13px;align-items:center;gap:8px;height:43px;padding:0 17px;font-size:13px;font-weight:750;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.header-cta:hover{transform:translateY(-2px);box-shadow:0 9px 20px #089b721f}.header-cta svg,.role-arrow svg,.back-button svg,.primary-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:17px}.main-island{direction:ltr;grid-template-columns:minmax(0,1.03fr) minmax(500px,.97fr);min-height:0;padding:8px;display:grid}.hero-visual{background:linear-gradient(145deg,#f8fcff,#f7fdfb);border:1px solid #e2edf3;border-radius:22px;min-width:0;min-height:0;position:relative;overflow:hidden}.hero-visual:before{content:"";background-image:radial-gradient(#10366d17 .75px,#0000 .75px);background-size:21px 21px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#0000006b,#0000 66%);mask-image:linear-gradient(135deg,#0000006b,#0000 66%)}.hero-visual:after{content:"";filter:blur(3px);background:#2fd5a11a;border-radius:50%;width:290px;height:290px;position:absolute;bottom:-130px;left:-125px}.hero-art{z-index:2;background:#fff;border:1px solid #d8e8f0eb;border-radius:20px;position:absolute;inset:clamp(14px,2.1vw,28px);overflow:hidden;box-shadow:0 20px 48px #194d7517}.hero-art img{object-fit:contain;padding:clamp(8px,1.2vw,16px)}.hero-slider{z-index:2;-webkit-user-select:none;user-select:none;touch-action:pan-y;outline:none;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:clamp(8px,1.5vw,14px) 0;display:flex;position:absolute;inset:0}.hero-slider:focus-visible{box-shadow:0 0 0 3px #2fd5a14d}.slider-viewport{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden;container-type:size}.slider-item{opacity:0;pointer-events:none;will-change:opacity,transform;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0;transform:scale(.96)translateY(6px)}.slider-item.is-active{opacity:1;pointer-events:auto;z-index:2;transform:scale(1)translate(0,0)}.slider-image-wrapper{width:min(calc(100cqw - clamp(20px,3vw,40px)),610px,calc(100cqh * var(--slide-aspect-ratio-value)));aspect-ratio:var(--slide-aspect-ratio);border-radius:18px;position:relative;overflow:hidden}.slider-image{object-fit:cover;border-radius:inherit;width:100%;height:100%}.slider-dot-lines{z-index:10;-webkit-backdrop-filter:blur(10px);direction:rtl;background:#ffffffe0;border:1px solid #d8e8f0e6;border-radius:16px;flex:none;align-items:center;gap:7px;margin:6px auto 0;padding:4px 10px;display:inline-flex;position:relative;box-shadow:0 4px 16px #10366d0f}.slider-dot-line{cursor:pointer;background:#c5d6e2;border:0;border-radius:3px;width:6px;height:6px;padding:0;transition:width .35s cubic-bezier(.22,1,.36,1),background-color .3s;position:relative;overflow:hidden}.slider-dot-line:hover:not(.is-active){background:#9bb3c7;transform:scale(1.2)}.slider-dot-line.is-active{background:#e0ebf2;width:24px}.slider-dot-progress{background:linear-gradient(90deg,#079b72,#2fd5a1);border-radius:3px;width:0%;animation:linear forwards dot-fill;position:absolute;inset:0}.slider-dot-progress.is-paused{animation-play-state:paused}@keyframes dot-fill{0%{width:0%}to{width:100%}}.registration-panel{direction:rtl;background:linear-gradient(145deg,#fff,#fbfdff);align-items:center;min-width:0;min-height:0;padding:clamp(18px,3vw,42px);display:flex;position:relative;overflow:hidden}.registration-panel--form{padding-bottom:calc(clamp(18px,3vw,42px) + 55px)}.registration-panel>div{width:100%}.enter-view{animation:.48s cubic-bezier(.22,.8,.28,1) both view-in}@keyframes view-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel-heading{background:linear-gradient(135deg,#f7fbff,#f3fcf8);border:1px solid #dcecf2;border-radius:18px;margin-bottom:16px;padding:16px 18px;position:relative;overflow:hidden}.panel-heading:after{content:"";background:#2fd5a11c;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-70px;left:-48px}.panel-heading>*{z-index:1;position:relative}.eyebrow{color:var(--mint-deep);font-size:11px;font-weight:800}.panel-heading h2,.form-intro h2,.success-view h2{color:var(--ink);letter-spacing:-.8px;margin:0 0 4px;font-size:clamp(22px,2vw,28px);line-height:1.42}.panel-heading p,.form-intro p{max-width:500px;color:var(--muted);margin:0;font-size:10px;line-height:1.85}.role-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.role-card{text-align:right;cursor:pointer;background:#fff;border:1px solid #dfebf2;border-radius:18px;grid-template-columns:47px minmax(0,1fr) 23px;align-items:center;gap:11px;min-width:0;min-height:104px;padding:14px;transition:transform .23s,border-color .23s,box-shadow .23s,background .23s;display:grid;box-shadow:0 7px 21px #143a5b09}.role-card:hover,.role-card:focus-visible{background:#fbfffd;border-color:#a9ddcc;outline:none;transform:translateY(-3px);box-shadow:0 15px 32px #154d6b17}.role-icon{color:#2864d5;background:#eaf2ff;border-radius:15px;place-items:center;width:47px;height:47px;display:grid}.role-icon svg,.selected-role>span svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:24px}.role-card--student .role-icon{color:var(--color-student);background:var(--color-student-bg)}.role-card--student:hover,.role-card--student:focus-visible{border-color:var(--color-student-border);box-shadow:0 15px 32px var(--color-student-glow);background:#f7fcf9}.role-card--student:hover .role-arrow{color:#fff;background:var(--color-student)}.role-card--advisor .role-icon{color:var(--color-advisor);background:var(--color-advisor-bg)}.role-card--advisor:hover,.role-card--advisor:focus-visible{border-color:var(--color-advisor-border);box-shadow:0 15px 32px var(--color-advisor-glow);background:#f7f9fe}.role-card--advisor:hover .role-arrow{color:#fff;background:var(--color-advisor)}.role-card--manager .role-icon{color:var(--color-manager);background:var(--color-manager-bg)}.role-card--manager:hover,.role-card--manager:focus-visible{border-color:var(--color-manager-border);box-shadow:0 15px 32px var(--color-manager-glow);background:#faf7fd}.role-card--manager:hover .role-arrow{color:#fff;background:var(--color-manager)}.role-card--parent .role-icon{color:var(--color-parent);background:var(--color-parent-bg)}.role-card--parent:hover,.role-card--parent:focus-visible{border-color:var(--color-parent-border);box-shadow:0 15px 32px var(--color-parent-glow);background:#fffbf7}.role-card--parent:hover .role-arrow{color:#fff;background:var(--color-parent)}.role-copy{flex-direction:column;min-width:0;display:flex}.role-copy strong{font-size:14px;font-weight:790}.role-copy small{color:#7a8fa5;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:9px;overflow:hidden}.role-arrow{color:#7f95ab;background:#f2f6f9;border-radius:8px;place-items:center;width:23px;height:23px;transition:color .2s,background .2s;display:grid}.role-arrow svg{width:13px}.form-view{flex-direction:column;align-self:stretch;height:100%;display:flex}.form-header{align-items:center;gap:10px;margin-bottom:18px;display:flex}.back-button{display:none}.form-view--student{--role-acc:var(--color-student);--role-bg:var(--color-student-bg);--role-glow:var(--color-student-glow);--role-grad:var(--color-student-grad);--role-shadow:var(--color-student-shadow)}.form-view--advisor{--role-acc:var(--color-advisor);--role-bg:var(--color-advisor-bg);--role-glow:var(--color-advisor-glow);--role-grad:var(--color-advisor-grad);--role-shadow:var(--color-advisor-shadow)}.form-view--manager{--role-acc:var(--color-manager);--role-bg:var(--color-manager-bg);--role-glow:var(--color-manager-glow);--role-grad:var(--color-manager-grad);--role-shadow:var(--color-manager-shadow)}.form-view--parent{--role-acc:var(--color-parent);--role-bg:var(--color-parent-bg);--role-glow:var(--color-parent-glow);--role-grad:var(--color-parent-grad);--role-shadow:var(--color-parent-shadow)}.selected-role{align-items:center;gap:10px;min-width:0;display:flex}.selected-role>span{color:#2864d5;background:#eaf2ff;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.selected-role--student>span{color:var(--color-student);background:var(--color-student-bg)}.selected-role--advisor>span{color:var(--color-advisor);background:var(--color-advisor-bg)}.selected-role--manager>span{color:var(--color-manager);background:var(--color-manager-bg)}.selected-role--parent>span{color:var(--color-parent);background:var(--color-parent-bg)}.selected-role div{flex-direction:column;min-width:0;display:flex}.selected-role small{color:#8396a9;font-size:9px}.selected-role strong{font-size:14px}.change-role,.text-button{color:#3974b2;cursor:pointer;background:0 0;border:0;margin-right:auto;padding:6px 4px;font-size:10px;font-weight:700}.change-role:hover,.text-button:hover{color:var(--mint-deep)}.form-intro{margin-bottom:15px}.form-intro h2{margin-top:0;font-size:clamp(21px,2vw,28px)}.stepper{align-items:flex-start;margin:0 0 19px;display:flex}.stepper span{color:#a4b3c1;flex-direction:column;flex:1;align-items:center;gap:5px;font-size:8px;font-weight:700;display:flex;position:relative}.stepper span:not(:last-child):after{content:"";z-index:0;background:#e3edf2;width:calc(100% - 34px);height:2px;position:absolute;top:12px;right:calc(50% + 17px)}.stepper span.is-active:not(:last-child):after{background:linear-gradient(to left,var(--mint),#dfeeea)}.stepper i{z-index:1;background:#fff;border:2px solid #e3edf2;border-radius:50%;place-items:center;width:25px;height:25px;font-style:normal;display:grid;position:relative}.stepper .is-active{color:#25846c}.stepper .is-active i{border-color:var(--mint);color:#fff;background:var(--mint-deep);box-shadow:0 0 0 4px #2fd5a117}.form-view form{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.form-fields{flex-direction:column;min-height:0;display:flex}.bot-field{opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important}.field-stage{border:0;min-width:0;margin:0;padding:0}.field-stage legend{color:#667f98;width:100%;margin-bottom:8px;padding:0;font-size:9px;font-weight:750}.fields-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;display:grid}.form-field{min-width:0}.field-label-row{justify-content:space-between;align-items:center;gap:8px;min-height:18px;display:flex}.field-label-row label{color:#34516f;font-size:9px;font-weight:740}.field-label-row span{color:#8ba0b3;font-size:7px}.input-shell{background:#fff;border:1.5px solid #d5e5ed;border-radius:13px;align-items:center;gap:8px;height:46px;padding:0 11px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.input-shell:focus-within{border-color:#55c9a5;box-shadow:0 0 0 4px #2fd5a118}.field-icon{color:#3569a5;background:#edf5fb;border-radius:8px;flex:none;place-items:center;width:27px;height:27px;display:grid}.field-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px}.input-shell input,.input-shell select{color:#193c65;background:0 0;border:0;outline:0;width:100%;min-width:0;height:100%;padding:0;font-size:10px}.input-shell input[dir=ltr]{text-align:right}.input-shell input::placeholder{color:#9babb9;opacity:1}.input-shell select{appearance:none;cursor:pointer}.input-shell select:invalid{color:#9babb9}.select-chevron{color:#7790a7;pointer-events:none;place-items:center;width:15px;height:15px;display:grid}.select-chevron svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px}.field-message{min-height:15px;color:var(--danger);padding:2px 3px 0;font-size:7px;display:block}.has-error .input-shell{background:snow;border-color:#e59a9a;box-shadow:0 0 0 3px #d853530e}.has-error .field-icon{color:var(--danger);background:#fff0f0}.form-submit-error{color:var(--danger);text-align:center;background:#fff5f5;border:1px solid #e59a9a;border-radius:10px;margin-top:8px;padding:8px 10px;font-size:9px;line-height:1.6}.progressive-stage{opacity:0;visibility:hidden;grid-template-rows:0fr;margin-top:0;transition:grid-template-rows .48s cubic-bezier(.22,.8,.28,1),margin-top .48s,opacity .35s,transform .48s,visibility 0s linear .48s;display:grid;overflow:hidden;transform:translateY(-5px)}.progressive-stage>fieldset{min-height:0;overflow:hidden}.progressive-stage.is-visible{opacity:1;visibility:visible;grid-template-rows:1fr;margin-top:3px;transition-delay:0s;transform:translateY(0)}.optional-stage{opacity:0}.optional-stage.is-visible{opacity:.78}.optional-stage:focus-within,.optional-stage:hover{opacity:1}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(100deg,#078d69,#35d4a3);border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;height:47px;padding:0 18px;font-size:11px;font-weight:780;transition:transform .2s,filter .2s,opacity .2s;display:inline-flex;box-shadow:0 10px 23px #089d7433}.primary-button:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-2px)}.primary-button:disabled{color:#8296a6;box-shadow:none;cursor:not-allowed;background:#e8eff3}.submit-button{z-index:5;width:auto;margin:0;position:absolute;bottom:clamp(18px,3vw,42px);left:clamp(18px,3vw,42px);right:clamp(18px,3vw,42px)}.submit-button:not(:disabled){background:var(--role-grad,linear-gradient(100deg,#078d69,#35d4a3));box-shadow:0 10px 23px var(--role-shadow,#089d7433)}.form-view .input-shell:focus-within{border-color:var(--role-acc);box-shadow:0 0 0 4px var(--role-glow)}.form-view .input-shell:focus-within .field-icon{color:var(--role-acc);background:var(--role-bg)}.form-view .primary-button:not(:disabled){background:var(--role-grad);box-shadow:0 10px 23px var(--role-shadow)}.form-view .change-role:hover,.form-view .text-button:hover{color:var(--role-acc)}.form-view .back-button:hover{color:var(--role-acc);border-color:var(--role-acc)}.success-view--student{--role-acc:var(--color-student);--role-grad:var(--color-student-grad);--role-shadow:var(--color-student-shadow)}.success-view--advisor{--role-acc:var(--color-advisor);--role-grad:var(--color-advisor-grad);--role-shadow:var(--color-advisor-shadow)}.success-view--manager{--role-acc:var(--color-manager);--role-grad:var(--color-manager-grad);--role-shadow:var(--color-manager-shadow)}.success-view--parent{--role-acc:var(--color-parent);--role-grad:var(--color-parent-grad);--role-shadow:var(--color-parent-shadow)}.success-view{text-align:center;max-width:450px;margin:auto}.success-mark{color:#fff;background:var(--role-grad,linear-gradient(145deg,#1cbf90,#52dfb5));width:76px;height:76px;box-shadow:0 17px 34px var(--role-shadow,#15b28433);border-radius:25px;place-items:center;margin:0 auto 17px;display:grid}.success-mark svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:40px}.success-view h2{font-size:29px}.success-view p{color:var(--muted);margin:0 auto 22px;font-size:12px;line-height:1.9}.success-view p strong{color:var(--role-acc,var(--mint-deep))}.success-view .primary-button{background:var(--role-grad,linear-gradient(100deg,#078d69,#35d4a3));width:min(100%,290px);box-shadow:0 10px 23px var(--role-shadow,#089d7433)}.success-view .text-button{margin:8px auto 0;display:block}.footer-island{isolation:isolate;background:0 0;border:0;height:100%;min-height:0}.footer-waves{width:100%;height:100%;display:block;position:absolute;inset:0}.loading-screen{z-index:1000;isolation:isolate;direction:rtl;position:fixed;inset:0;overflow:hidden}.loading-screen__surface{z-index:1;background:#fff;transition:opacity .62s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.loading-screen__brand{z-index:4;flex-direction:column;align-items:center;width:min(100% - 48px,360px);transition:opacity .42s,transform .62s cubic-bezier(.22,1,.36,1),filter .42s;display:flex;position:absolute;top:31%;left:50%;transform:translate(-50%,-50%)}.loading-screen__logo{filter:drop-shadow(0 12px 24px #10366d17);width:min(250px,70vw);height:auto;display:block}.loading-progress{width:min(100%,290px);margin-top:28px}.loading-progress__track{background:#e5f7f1;border-radius:999px;height:4px;overflow:hidden;box-shadow:inset 0 1px 2px #089b7214}.loading-progress__track span{border-radius:inherit;background:var(--mint);width:100%;height:100%;transform:scaleX(var(--loading-progress,0));transform-origin:100%;will-change:transform;display:block;box-shadow:0 0 12px #2fd5a14d}.loading-progress__value{color:var(--mint-deep);font-variant-numeric:tabular-nums;text-align:center;margin-top:10px;font-size:11px;font-weight:750;display:block}.loading-wave-dock{z-index:3;transform-origin:0 0;width:100vw;height:clamp(200px,26dvh,300px);transition:transform var(--loading-dock-duration,.9s) cubic-bezier(.22,.82,.24,1),border-radius var(--loading-dock-duration,.9s) cubic-bezier(.22,.82,.24,1),box-shadow .8s ease;will-change:transform,border-radius;background:0 0;border-radius:0;position:fixed;bottom:0;left:0;overflow:hidden;transform:translate(0,0)scale(1)}.loading-wave-dock .footer-waves{width:100%;height:100%;display:block}.loading-screen--ready .loading-screen__brand{transform:translate(-50%,-50%)scale(.985)}.loading-screen--docking{pointer-events:none}.loading-screen--docking .loading-screen__surface{opacity:0}.loading-screen--docking .loading-screen__brand{opacity:0;filter:blur(5px);transform:translate(-50%,-58%)scale(.96)}.loading-screen--docking .loading-wave-dock{border-radius:var(--loading-dock-radius,0);transform:translate3d(var(--loading-dock-x,0),var(--loading-dock-y,0),0) scale(var(--loading-dock-scale-x,1),var(--loading-dock-scale-y,1));box-shadow:0 16px 42px #18446813}@media (max-width:1060px){.main-island{grid-template-columns:minmax(0,.85fr) minmax(480px,1.15fr)}.role-grid{grid-template-columns:1fr}.role-card{min-height:74px}.registration-panel{padding:clamp(16px,2.6vw,28px)}}@media (max-width:820px){.loading-wave-dock{height:clamp(130px,18dvh,180px)}.page-shell{grid-template-rows:clamp(48px,7.5vh,56px) minmax(0,1fr) clamp(44px,9vh,62px);gap:8px;width:min(100% - 24px,680px);height:calc(100dvh - 16px);margin:8px auto}.topbar{border-radius:18px;padding:6px 14px}.brand-logo{width:122px;height:42px}.main-island{border-radius:20px;grid-template-rows:clamp(180px,28vh,230px) minmax(0,1fr);grid-template-columns:1fr;gap:10px;padding:clamp(12px,3vw,16px)}.hero-visual{background:linear-gradient(145deg,#f8fcff,#f7fdfb);border-radius:16px;min-height:0}.slider-viewport{height:calc(100% - 18px)}.slider-image-wrapper{width:min(100cqw,calc(100cqh * var(--slide-aspect-ratio-value)));border-radius:16px}.slider-image{object-fit:cover;border-radius:inherit;width:100%;height:100%;padding:0}.slider-dot-lines{border-radius:12px;gap:6px;padding:3px 8px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.slider-dot-line{width:5px;height:5px}.slider-dot-line.is-active{width:18px}.registration-panel{flex-direction:column;justify-content:center;align-items:stretch;min-height:0;padding:clamp(6px,1.5vw,10px);display:flex}.main-island.main-island--form{grid-template-rows:minmax(0,1fr)}.main-island--form .hero-visual{display:none}.main-island--form .registration-panel{grid-row:1;justify-content:stretch;height:100%;padding-bottom:56px}.main-island--form .registration-panel>.form-view{flex:1 1 0;height:auto}.main-island--form .form-fields{overscroll-behavior:contain;scrollbar-width:none;flex:auto;overflow:hidden auto}.main-island--form .form-fields::-webkit-scrollbar{display:none}.main-island--form .form-fields>.field-stage,.main-island--form .form-fields>.progressive-stage{flex:none}.main-island--form .registration-panel>.submit-button{bottom:8px;left:10px;right:10px}.registration-panel>div{width:100%;margin:0}.role-view{flex-direction:column;justify-content:space-between;gap:8px;height:100%;display:flex}.role-grid{flex:1;grid-template-columns:1fr 1fr;align-content:stretch;gap:9px;display:grid}.role-card{text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:clamp(80px,12vh,105px);padding:clamp(10px,2vh,16px) 8px;display:flex;box-shadow:0 4px 16px #143a5b0a}.role-icon{border-radius:14px;place-items:center;width:clamp(38px,5.5vh,46px);height:clamp(38px,5.5vh,46px);margin:0 auto;display:grid}.role-icon svg{width:clamp(20px,3vh,24px);height:clamp(20px,3vh,24px)}.role-copy{text-align:center;align-items:center;width:100%}.role-copy strong{color:var(--ink);font-size:clamp(12px,1.8vh,14px);font-weight:780}.role-copy small,.role-arrow{display:none}.panel-heading{text-align:right;border-radius:14px;margin-bottom:0;padding:clamp(10px,2.2vw,14px)}.panel-heading h2{margin:0 0 2px;font-size:clamp(16px,4.2vw,20px);line-height:1.35}.panel-heading p{font-size:8px;line-height:1.6}.form-header{margin-bottom:8px}.back-button{background:#fff;border:1px solid #dbe8ee;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;padding:0;display:grid}.back-button svg{transform:rotate(180deg)}.change-role{display:none}.selected-role>span{border-radius:11px;width:36px;height:36px}.selected-role>span svg{width:20px}.form-intro{margin-bottom:7px}.form-intro h2{margin-bottom:1px;font-size:18px}.form-intro p{font-size:8px}.stepper{margin-bottom:8px}.stepper span{gap:2px}.stepper i{width:21px;height:21px;font-size:8px}.stepper span:not(:last-child):after{top:10px}.stepper span b{font-size:6px}.fields-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 6px}.field-stage legend{margin-bottom:2px;font-size:7px}.field-label-row{min-height:14px}.field-label-row label{font-size:7px;line-height:1.2}.input-shell{border-radius:10px;gap:5px;height:38px;padding-inline:7px}.field-icon{border-radius:7px;width:23px;height:23px}.field-icon svg{width:13px}.input-shell input,.input-shell select{font-size:8px}.field-message{min-height:10px;padding-top:1px;font-size:6px}.progressive-stage.is-visible{margin-top:0}.optional-stage.is-visible{opacity:.82}.primary-button{border-radius:11px;height:40px;font-size:9px}}@media (max-width:540px){.main-island{grid-template-rows:clamp(170px,27vh,215px) minmax(0,1fr);padding:10px}.slider-dot-line{width:4px;height:4px}.slider-dot-line.is-active{width:15px}.role-card{border-radius:14px;gap:6px;min-height:clamp(75px,11vh,95px);padding:8px 6px}.role-icon{border-radius:12px;width:36px;height:36px}.role-icon svg{width:18px;height:18px}.role-copy strong{font-size:11.5px}.field-label-row label{font-size:6.5px}.field-icon{display:none}.input-shell{padding-inline:7px}}@media (max-height:700px){.page-shell{grid-template-rows:clamp(40px,7.5vh,48px) minmax(0,1fr) clamp(35px,8.5vh,46px);gap:4px;height:calc(100dvh - 8px);margin:4px auto}.brand-logo{width:112px;height:38px}.registration-panel{padding:6px 10px}.panel-heading{margin-bottom:4px;padding:6px 8px}.panel-heading h2{font-size:16px}.panel-heading p{font-size:7px}.role-grid{gap:6px}.role-card{min-height:65px;padding:6px}.form-header{margin-bottom:5px}.selected-role>span{width:32px;height:32px}.form-intro{margin-bottom:4px}.form-intro h2{font-size:16px}.form-intro p{display:none}.stepper{margin-bottom:5px}.stepper i{width:19px;height:19px}.stepper span:not(:last-child):after{top:9px}.field-stage legend{margin-bottom:1px}.field-label-row{min-height:12px}.input-shell{height:34px}.field-message{min-height:8px}.primary-button{height:36px}.success-mark{border-radius:18px;width:58px;height:58px;margin-bottom:10px}.success-view h2{font-size:22px}.success-view p{margin-bottom:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
