.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:var(--space-lg);background:var(--color-bg-primary)}.login-background-gradient{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#1a1a2e 0%,var(--color-bg-primary) 70%),radial-gradient(circle at 25% 25%,rgba(102,126,234,.08) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(118,75,162,.06) 0%,transparent 50%);animation:login-meshRotate 30s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes login-meshRotate{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}.login-particles-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.login-particle{position:absolute;width:2px;height:2px;background:var(--color-primary);border-radius:var(--radius-full);opacity:.3;animation:login-float 25s infinite linear}.login-particle:nth-child(2n){background:var(--color-secondary);animation-duration:30s;width:3px;height:3px;opacity:.2}.login-particle:nth-child(3n){background:var(--color-tertiary);animation-duration:35s;width:1px;height:1px;opacity:.4}@keyframes login-float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.login-container{width:100%;max-width:480px;position:relative;z-index:1}.login-hero{text-align:center;margin-bottom:var(--space-2xl)}.login-hero-title{font-size:clamp(var(--font-3xl),8vw,var(--font-5xl));font-weight:var(--font-weight-light);letter-spacing:-2px;margin:0;color:var(--color-text-primary);line-height:var(--leading-tight)}.login-brand-gradient{font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-hero-subtitle{color:var(--color-text-muted);font-size:var(--font-base);font-weight:var(--font-weight-normal);margin-top:var(--space-sm);line-height:var(--leading-relaxed)}.login-form-card{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-glass);position:relative;overflow:hidden;animation:login-fadeInUp .6s ease forwards;opacity:0}.login-form-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}@keyframes login-fadeInUp{0%{opacity:0;transform:translateY(var(--space-lg))}to{opacity:1;transform:translateY(0)}}.login-form-header{text-align:center;margin-bottom:var(--space-xl)}.login-back-button{background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);margin-bottom:var(--space-xl);display:inline-flex;align-items:center;gap:var(--space-sm);text-decoration:none;line-height:var(--leading-snug)}.login-back-button:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-surface-active);transform:translate(-2px)}.login-back-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.login-context-banner{border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);border:1px solid}.login-context-banner.admin{background:#ef44441a;border-color:#ef44444d;color:var(--color-danger)}.login-context-banner[data-action=claim]{background:#4ade801a;border-color:#4ade804d;color:var(--color-success)}.login-context-banner[data-action=edit]{background:#f59e0b1a;border-color:#f59e0b4d;color:var(--color-warning)}.login-context-icon{font-size:var(--font-lg)}.login-form-title-section{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-md)}.login-form-title{font-size:var(--font-3xl);font-weight:var(--font-weight-bold);margin:0;letter-spacing:-1px;color:var(--color-text-primary);line-height:var(--leading-tight)}.login-user-type-icon{font-size:var(--font-2xl);color:var(--color-primary);font-weight:var(--font-weight-bold)}.login-form-subtitle{color:var(--color-text-secondary);font-size:var(--font-base);font-weight:var(--font-weight-normal);margin-bottom:var(--space-sm);line-height:var(--leading-relaxed)}.login-context-note{font-size:var(--font-sm);margin-top:var(--space-sm);font-weight:var(--font-weight-medium);line-height:var(--leading-snug)}.login-context-note[data-context=admin]{color:var(--color-danger)}.login-context-note[data-context=claim]{color:var(--color-success)}.login-context-note[data-context=edit]{color:var(--color-warning)}.login-context-note[data-context=default]{color:var(--color-text-muted)}.login-user-type-selection{display:grid;gap:var(--space-lg);margin-bottom:var(--space-xl)}.login-user-type-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);position:relative;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);opacity:0;animation:login-fadeInUp .6s ease forwards}.login-user-type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);transform:scaleX(0);transition:transform var(--transition-base) ease;transform-origin:left;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.login-user-type-card:hover:before{transform:scaleX(1)}.login-user-type-card:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.login-user-type-card:focus{outline:2px solid var(--color-primary);outline-offset:2px}.login-user-type-card.recommended{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-surface) 0%,rgba(102,126,234,.05) 100%)}.login-user-type-card.recommended:before{transform:scaleX(1)}.login-recommended-badge{position:absolute;top:var(--space-md);right:var(--space-md);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-text-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-md)}.login-user-type-icon{font-size:var(--font-3xl);margin-bottom:var(--space-lg);transition:all var(--transition-base)}.login-user-type-card:hover .login-user-type-icon{transform:scale(1.1)}.login-user-type-title{color:var(--color-text-primary);font-size:var(--font-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm);line-height:var(--leading-tight)}.login-user-type-description{color:var(--color-text-secondary);font-size:var(--font-sm);margin:0;line-height:var(--leading-normal)}.login-social-login{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.login-social-btn{width:100%;padding:var(--space-lg);font-size:var(--font-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);display:flex;align-items:center;justify-content:center;gap:var(--space-md);min-height:56px;position:relative;overflow:hidden;text-decoration:none;line-height:var(--leading-snug);border-radius:var(--radius-lg);border:1px solid}.login-social-btn.google{background:#fff;border-color:#dadce0;color:#3c4043;box-shadow:0 1px 2px #3c40434d,0 1px 3px #3c404326}.login-social-btn.google:hover:not(:disabled){background:#f8f9fa;border-color:#d2d3d4;box-shadow:0 1px 3px #3c40434d,0 4px 8px #3c404326;transform:translateY(-1px)}.login-social-btn.google:focus{outline:2px solid #4285f4;outline-offset:2px}.login-social-btn.google:active{background:#f1f3f4;transform:translateY(0)}.login-social-btn.apple{background:#000;border:1px solid rgba(255,255,255,.2);color:#fff;box-shadow:0 1px 2px #0000004d}.login-social-btn.apple:hover:not(:disabled){background:#1a1a1a;border-color:#ffffff4d;box-shadow:0 2px 4px #0006;transform:translateY(-1px)}.login-social-btn.apple:focus{outline:2px solid #ffffff;outline-offset:2px;border-color:#fff6}.login-social-btn.apple:active{background:#333;border-color:#fff3;transform:translateY(0)}.login-social-btn.discord{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6;position:relative}.login-social-btn.discord:hover{transform:none;background:var(--color-surface);border-color:var(--color-border);box-shadow:none}.login-social-btn.discord:after{content:"Coming Soon";position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,var(--color-warning) 0%,#f59e0b 100%);color:#fff;font-size:var(--font-xs);font-weight:var(--font-weight-bold);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm)}.login-social-btn:disabled{cursor:not-allowed;transform:none}.login-social-btn svg{width:20px;height:20px;flex-shrink:0}.login-social-btn-text{font-weight:var(--font-weight-medium);letter-spacing:.25px}.login-divider{text-align:center;margin:var(--space-xl) 0 var(--space-lg) 0;position:relative}.login-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.login-divider span{background:var(--color-surface);padding:0 var(--space-lg);position:relative;color:var(--color-text-muted);font-size:var(--font-sm);text-transform:uppercase;letter-spacing:1px;font-weight:var(--font-weight-medium);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-form{display:flex;flex-direction:column;gap:var(--space-lg)}.login-form-group{display:flex;flex-direction:column}.login-label{display:block;margin-bottom:var(--space-sm);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.login-input-wrapper{position:relative}.login-input{width:100%;padding:var(--space-lg);background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-base);transition:all var(--transition-base) var(--transition-silk);outline:none;line-height:var(--leading-normal);min-height:56px}.login-input:focus{border-color:var(--color-primary);background:var(--color-surface-active);box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.login-input::placeholder{color:var(--color-text-disabled)}.login-input-hint{display:block;margin-top:var(--space-xs);font-size:var(--font-xs);color:var(--color-text-muted);line-height:var(--leading-snug)}.login-password-toggle{position:absolute;right:var(--space-lg);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base);padding:var(--space-sm);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.login-password-toggle:hover{color:var(--color-text-secondary);background:var(--color-surface-hover)}.login-password-toggle:focus{outline:2px solid var(--color-primary);outline-offset:2px}.login-form-options{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-sm);gap:var(--space-md)}.login-remember-me{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-base);line-height:var(--leading-snug)}.login-remember-me:hover{color:var(--color-text-primary)}.login-checkbox{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.login-forgot-link{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base);font-weight:var(--font-weight-semibold)}.login-forgot-link:hover{color:var(--color-secondary);text-decoration:underline}.login-forgot-link:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-xs)}.login-submit-btn{width:100%;padding:var(--space-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border:none;border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-base);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-base) var(--transition-silk);position:relative;overflow:hidden;min-height:56px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);line-height:var(--leading-snug)}.login-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .4s}.login-submit-btn:hover:not(:disabled):before{left:100%}.login-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #667eea4d}.login-submit-btn:focus{outline:2px solid var(--color-secondary);outline-offset:2px}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-submit-btn.admin{background:linear-gradient(135deg,var(--color-danger) 0%,#dc2626 100%)}.login-submit-btn.admin:hover:not(:disabled){box-shadow:0 10px 30px #ef44444d}.login-loading-content{display:inline-flex;align-items:center;gap:var(--space-sm)}.login-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-text-primary);border-radius:var(--radius-full);animation:login-spin 1s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}.login-signup-section{text-align:center;margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.login-signup-text{color:var(--color-text-secondary);font-size:var(--font-sm);line-height:var(--leading-relaxed);margin:0}.login-signup-text.admin-note{color:var(--color-text-muted);font-style:italic}.login-signup-link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-semibold);transition:color var(--transition-base)}.login-signup-link:hover{color:var(--color-secondary);text-decoration:underline}.login-signup-link:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-xs)}.login-error-message,.login-success-message{padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);text-align:center;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);animation:login-messageSlide .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;line-height:var(--leading-relaxed)}@keyframes login-messageSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-error-message{background:#ef44441a;border-color:#ef44444d;color:var(--color-danger)}.login-success-message{background:#4ade801a;border-color:#4ade804d;color:var(--color-success)}@keyframes login-ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(4);opacity:0}}@media (max-width: 768px){.login-page{padding:var(--space-md);align-items:flex-start;padding-top:var(--space-xl)}.login-container{width:100%;max-width:100%}.login-hero{margin-bottom:var(--space-xl)}.login-hero-title{font-size:var(--font-3xl)}.login-hero-subtitle{font-size:var(--font-sm)}.login-form-card{padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-xl)}.login-form-header{margin-bottom:var(--space-lg)}.login-form-title{font-size:var(--font-2xl)}.login-form-subtitle{font-size:var(--font-sm)}.login-form{gap:var(--space-lg)}.login-label{font-size:var(--font-xs);margin-bottom:var(--space-xs)}.login-input{padding:var(--space-md);font-size:var(--font-base);min-height:56px}.login-password-toggle{right:var(--space-md)}.login-form-options{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.login-remember-me,.login-forgot-link{font-size:var(--font-sm)}.login-submit-btn{padding:var(--space-lg);font-size:var(--font-base);min-height:56px}.login-social-login{gap:var(--space-sm);margin-bottom:var(--space-lg)}.login-social-btn{padding:var(--space-md);font-size:var(--font-base);min-height:56px;gap:var(--space-sm)}.login-social-btn svg{width:18px;height:18px}.login-divider{margin:var(--space-lg) 0}.login-social-btn.discord:after{font-size:10px;padding:2px 6px;top:-6px;right:-6px}.login-user-type-selection{gap:var(--space-md)}.login-user-type-card{padding:var(--space-lg)}.login-user-type-icon{font-size:var(--font-2xl)}.login-user-type-title{font-size:var(--font-lg)}.login-user-type-description{font-size:var(--font-xs)}.login-error-message,.login-success-message{padding:var(--space-md);font-size:var(--font-sm);margin-bottom:var(--space-md)}.login-signup-section{margin-top:var(--space-lg);padding-top:var(--space-lg)}.login-signup-text{font-size:var(--font-sm)}.login-back-button{font-size:var(--font-sm);padding:var(--space-sm) var(--space-md)}.login-context-banner{padding:var(--space-sm);font-size:var(--font-xs)}}@media (max-width: 768px) and (orientation: landscape){.login-page{padding:var(--space-sm)}.login-hero{margin-bottom:var(--space-lg)}.login-hero-title{font-size:var(--font-2xl)}.login-form-card{padding:var(--space-lg)}.login-form{gap:var(--space-md)}}@media (max-width: 375px){.login-form-card{padding:var(--space-lg) var(--space-md)}.login-form-title{font-size:var(--font-xl)}.login-social-btn{font-size:var(--font-sm);padding:var(--space-sm);gap:var(--space-xs)}.login-social-btn svg{width:16px;height:16px}.login-hero-title{font-size:var(--font-2xl)}.login-user-type-card{padding:var(--space-md)}}@media (min-width: 769px) and (max-width: 1024px){.login-container{max-width:500px}.login-form-card{padding:var(--space-2xl)}}@media (min-width: 1200px){.login-container{max-width:520px}.login-form-card{padding:var(--space-3xl)}.login-hero-title{font-size:var(--font-6xl)}.login-hero-subtitle{font-size:var(--font-lg)}}@media (prefers-reduced-motion: reduce){.login-background-gradient{animation:none}.login-user-type-card:hover,.login-submit-btn:hover,.login-social-btn:hover{transform:none}.login-submit-btn:before,.login-social-btn:before,.login-user-type-card:before{transition:none}.login-form-card,.login-user-type-card{animation:none;opacity:1}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.login-input,.login-user-type-card,.login-social-btn{border-width:2px}.login-input:focus{border-color:var(--color-primary);outline:2px solid var(--color-primary)}.login-submit-btn{border:2px solid var(--color-primary)}.login-hero-title,.login-brand-gradient{color:var(--color-text-primary);background:none;-webkit-text-fill-color:initial}}@media (prefers-color-scheme: dark){.login-input{background:var(--color-surface-hover)}.login-input:focus{background:var(--color-surface-active)}}@supports (-webkit-touch-callout: none){.login-input{font-size:16px!important}}.signup-page{min-height:100vh;background:var(--color-bg-primary);position:relative;padding:var(--space-lg);display:flex;align-items:center;justify-content:center;overflow-x:hidden}.signup-background-gradient{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 25% 25%,rgba(102,126,234,.12) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(74,222,128,.08) 0%,transparent 50%),radial-gradient(circle at 50% 10%,rgba(240,147,251,.06) 0%,transparent 50%);pointer-events:none;z-index:0;animation:signup-gradientFloat 20s ease-in-out infinite}@keyframes signup-gradientFloat{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}}.signup-particles-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.signup-particle{position:absolute;width:3px;height:3px;background:var(--color-primary);border-radius:var(--radius-full);opacity:.4;animation:signup-float 20s infinite linear}.signup-particle:nth-child(2n){background:var(--color-secondary);animation-duration:25s;width:2px;height:2px;opacity:.3}.signup-particle:nth-child(3n){background:var(--color-tertiary);animation-duration:30s;width:1px;height:1px;opacity:.2}@keyframes signup-float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.signup-container{position:relative;z-index:1;width:100%;max-width:900px;background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-xl);box-shadow:var(--shadow-glass);animation:signup-fadeInUp .6s ease forwards;opacity:0}.signup-container.initial{max-width:600px}@keyframes signup-fadeInUp{0%{opacity:0;transform:translateY(var(--space-lg))}to{opacity:1;transform:translateY(0)}}.signup-hero{text-align:center;margin-bottom:var(--space-xl);position:relative}.signup-back-button{position:absolute;left:0;top:0;background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);display:flex;align-items:center;gap:var(--space-xs);line-height:var(--leading-snug)}.signup-back-button:hover{background:var(--color-surface-active);color:var(--color-text-primary);transform:translate(-2px)}.signup-back-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.signup-card-context-banner{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--color-surface-hover);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:var(--font-sm);color:var(--color-text-secondary);margin-bottom:var(--space-lg);border:1px solid var(--color-border)}.signup-context-icon{font-size:var(--font-base)}.signup-hero-title{font-size:var(--font-4xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);margin-bottom:var(--space-md);line-height:var(--leading-tight)}.signup-gradient-text{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-weight-extrabold)}.signup-hero-subtitle{font-size:var(--font-lg);color:var(--color-text-secondary);margin-bottom:var(--space-lg);max-width:600px;margin-left:auto;margin-right:auto;line-height:var(--leading-relaxed)}.signup-loading-state{text-align:center;padding:var(--space-2xl) var(--space-lg)}.signup-loading-spinner{width:60px;height:60px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:var(--radius-full);animation:signup-spin 1s linear infinite;margin:0 auto var(--space-lg);display:block}@keyframes signup-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.signup-loading-state h2{font-size:var(--font-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.signup-loading-state p{font-size:var(--font-base);color:var(--color-text-muted)}.signup-error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-danger);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);text-align:center;animation:signup-shake .5s ease;font-size:var(--font-sm);font-weight:var(--font-weight-medium)}@keyframes signup-shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.signup-user-type-selection{margin-bottom:var(--space-xl)}.signup-user-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.signup-user-type-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);text-align:center;cursor:pointer;transition:all var(--transition-base) var(--transition-silk);position:relative;overflow:hidden;opacity:0;animation:signup-fadeInUp .6s ease forwards}.signup-user-type-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--color-primary) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-base)}.signup-user-type-card:hover:before{opacity:.03}.signup-user-type-card:hover{transform:translateY(-4px);border-color:var(--color-border-hover);box-shadow:var(--shadow-lg)}.signup-user-type-card.selected{background:var(--color-surface-hover);border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 0 1px var(--color-primary)}.signup-user-type-card.selected:before{opacity:.05}.signup-user-type-card:focus{outline:2px solid var(--color-primary);outline-offset:4px}.signup-type-icon{font-size:var(--font-4xl);margin-bottom:var(--space-lg);transition:all var(--transition-base)}.signup-user-type-card:hover .signup-type-icon{transform:scale(1.1)}.signup-type-title{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm);line-height:var(--leading-tight)}.signup-type-description{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0}.signup-recommended-badge{position:absolute;top:var(--space-md);right:var(--space-md);background:var(--color-secondary);color:var(--color-bg-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-md)}.signup-oauth-section{text-align:center}.signup-oauth-only{text-align:center;margin-bottom:var(--space-xl)}.signup-oauth-title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-lg)}.signup-oauth-buttons{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.signup-oauth-btn{width:100%;padding:var(--space-md) var(--space-lg);background:var(--color-surface-hover);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);position:relative;overflow:hidden;line-height:var(--leading-snug)}.signup-oauth-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.signup-oauth-btn:hover:before{left:100%}.signup-oauth-btn:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.signup-oauth-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.signup-oauth-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.signup-oauth-btn.apple{background:var(--color-surface-active);border-color:var(--color-border-hover)}.signup-oauth-btn.apple:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff4d;box-shadow:var(--shadow-lg)}.signup-oauth-btn.google{background:var(--color-surface-active);border-color:var(--color-border-hover)}.signup-oauth-btn.google:hover:not(:disabled){background:#4285f41a;border-color:#4285f4;box-shadow:0 4px 16px #4285f44d}.signup-oauth-note{position:absolute;right:var(--space-lg);font-size:var(--font-xs);color:var(--color-text-muted)}.signup-divider{text-align:center;margin:var(--space-lg) 0;color:var(--color-text-muted);font-size:var(--font-sm);position:relative}.signup-divider:before,.signup-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:var(--color-border)}.signup-divider:before{left:0}.signup-divider:after{right:0}.signup-email-btn{background:var(--color-surface-active);border:2px solid var(--color-primary);color:var(--color-primary);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--font-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;line-height:var(--leading-snug)}.signup-email-btn:hover{background:var(--color-primary);color:var(--color-text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.signup-email-btn:focus{outline:2px solid var(--color-secondary);outline-offset:2px}.signup-oauth-benefits{display:flex;justify-content:center;gap:var(--space-lg);margin:var(--space-lg) 0;flex-wrap:wrap}.signup-benefit-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-sm);color:var(--color-text-secondary)}.signup-benefit-icon{font-size:var(--font-base)}.signup-oauth-note-text{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-lg)}.signup-oauth-note-text p{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.signup-oauth-note-text strong{color:var(--color-text-primary)}.signup-form{margin:0}.signup-form-section{margin-bottom:var(--space-xl)}.signup-section-label{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-md)}.signup-section-hint{font-size:var(--font-sm);color:var(--color-text-muted);margin-bottom:var(--space-lg);line-height:var(--leading-normal)}.signup-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-md)}.signup-form-group{position:relative;margin-bottom:var(--space-md)}.signup-form-input,.signup-form-select{width:100%;padding:var(--space-md);background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-base);transition:all var(--transition-base) var(--transition-silk);outline:none;line-height:var(--leading-normal)}.signup-form-input::placeholder{color:var(--color-text-muted)}.signup-form-input:focus,.signup-form-select:focus{background:var(--color-surface-active);border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.signup-form-textarea{width:100%;padding:var(--space-md);background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-base);transition:all var(--transition-base) var(--transition-silk);outline:none;resize:vertical;min-height:100px;font-family:inherit;line-height:var(--leading-normal)}.signup-form-textarea::placeholder{color:var(--color-text-muted)}.signup-form-textarea:focus{background:var(--color-surface-active);border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.signup-form-select{cursor:pointer}.signup-form-select option{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.signup-input-hint{display:block;margin-top:var(--space-xs);font-size:var(--font-xs);color:var(--color-text-muted);line-height:var(--leading-normal)}.signup-password-strength{margin-top:var(--space-sm)}.signup-strength-bar{height:3px;background:var(--color-border);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--space-xs)}.signup-strength-fill{height:100%;transition:all var(--transition-base);border-radius:var(--radius-sm)}.signup-strength-text{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.signup-skills-container{display:flex;flex-direction:column;gap:var(--space-lg)}.signup-skill-category{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg)}.signup-category-label{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--space-md)}.signup-skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md)}.signup-skill-chip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-md) var(--space-lg);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:var(--font-sm);min-height:48px;text-align:center;position:relative;overflow:hidden}.signup-skill-chip:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .4s}.signup-skill-chip:hover:before{left:100%}.signup-skill-chip:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.signup-skill-chip.selected{background:linear-gradient(135deg,#667eea33,#4ade8033);border-color:var(--color-primary);color:var(--color-text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.signup-skill-chip:focus{outline:2px solid var(--color-primary);outline-offset:2px}.signup-skill-symbol{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-secondary);transition:all var(--transition-base);text-shadow:0 2px 10px rgba(74,222,128,.3)}.signup-skill-chip:hover .signup-skill-symbol{transform:scale(1.1)}.signup-skill-name{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.signup-skill-chip.selected .signup-skill-name{color:var(--color-text-primary)}.signup-form-actions{margin-top:var(--space-xl)}.signup-submit-button{width:100%;padding:var(--space-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border:none;border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);position:relative;overflow:hidden;line-height:var(--leading-snug)}.signup-submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.signup-submit-button:hover:before{left:100%}.signup-submit-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea4d}.signup-submit-button:focus{outline:2px solid var(--color-secondary);outline-offset:4px}.signup-submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.signup-loading-spinner{display:inline-block}.signup-footer{text-align:center;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.signup-footer p{color:var(--color-text-muted);font-size:var(--font-sm);margin-bottom:var(--space-sm);line-height:var(--leading-relaxed)}.signup-footer p:last-child{margin-bottom:0}.signup-login-link,.signup-link,.signup-back-link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);margin-left:var(--space-xs)}.signup-login-link:hover,.signup-link:hover,.signup-back-link:hover{color:var(--color-secondary);text-decoration:underline}.signup-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--space-lg);animation:signup-modalFadeIn .3s ease}@keyframes signup-modalFadeIn{0%{opacity:0}to{opacity:1}}.signup-modal-content{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-2xl);max-width:480px;width:100%;box-shadow:var(--shadow-crystal);animation:signup-modalSlideIn .3s ease;overflow:hidden}@keyframes signup-modalSlideIn{0%{opacity:0;transform:translateY(var(--space-lg)) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.signup-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl);border-bottom:1px solid var(--color-border)}.signup-modal-title{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.signup-modal-close{background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text-muted);width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base)}.signup-modal-close:hover{background:var(--color-surface-active);color:var(--color-text-primary);transform:scale(1.1)}.signup-modal-close:focus{outline:2px solid var(--color-primary);outline-offset:2px}.signup-modal-body{padding:var(--space-xl);text-align:center}.signup-modal-icon{font-size:var(--font-5xl);margin-bottom:var(--space-lg);animation:signup-bounce 2s ease-in-out infinite}@keyframes signup-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.signup-modal-message{font-size:var(--font-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-xl)}.signup-modal-actions{text-align:center}.signup-modal-suggestions-title{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-lg)}.signup-modal-buttons{display:flex;flex-direction:column;gap:var(--space-md)}.signup-modal-btn{padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-size:var(--font-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);text-decoration:none;display:flex;align-items:center;justify-content:center;border:none;line-height:var(--leading-snug)}.signup-modal-btn.primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-text-primary)}.signup-modal-btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea4d}.signup-modal-btn.secondary{background:var(--color-surface-active);border:1px solid var(--color-border-hover);color:var(--color-text-secondary)}.signup-modal-btn.secondary:hover{background:var(--color-text-muted);color:var(--color-bg-primary);transform:translateY(-1px)}@keyframes signup-ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(4);opacity:0}}@media (max-width: 768px){.signup-page{padding:var(--space-sm);align-items:flex-start;padding-top:var(--space-xl)}.signup-container{padding:var(--space-lg);margin:0;max-width:100%}.signup-container.initial{padding:var(--space-xl) var(--space-lg)}.signup-hero{margin-bottom:var(--space-lg)}.signup-back-button{position:static;margin-bottom:var(--space-md);align-self:flex-start}.signup-hero-title{font-size:var(--font-3xl)}.signup-hero-subtitle{font-size:var(--font-base)}.signup-user-type-grid,.signup-form-grid{grid-template-columns:1fr;gap:var(--space-md)}.signup-form-input,.signup-form-select,.signup-form-textarea{padding:var(--space-lg);font-size:var(--font-lg)}.signup-oauth-benefits{flex-direction:column;gap:var(--space-md);text-align:center}.signup-oauth-note{display:none}.signup-skills-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.signup-skill-chip{padding:var(--space-sm);font-size:var(--font-xs)}.signup-skill-symbol{font-size:var(--font-lg)}.signup-submit-button{padding:var(--space-xl);font-size:var(--font-xl)}.signup-modal-content{margin:var(--space-lg);max-width:calc(100vw - 2rem)}.signup-modal-header,.signup-modal-body{padding:var(--space-lg)}.signup-modal-buttons{gap:var(--space-sm)}.signup-modal-btn{padding:var(--space-lg);font-size:var(--font-lg)}}@media (max-width: 480px){.signup-container{padding:var(--space-md)}.signup-container.initial{padding:var(--space-lg) var(--space-md)}.signup-hero-title{font-size:var(--font-2xl)}.signup-hero-subtitle{font-size:var(--font-sm)}.signup-user-type-card{padding:var(--space-lg)}.signup-type-icon{font-size:var(--font-3xl)}.signup-skills-grid{grid-template-columns:1fr}.signup-oauth-btn{padding:var(--space-lg);font-size:var(--font-lg)}}@media (min-width: 1200px){.signup-container{max-width:1000px;padding:var(--space-2xl)}.signup-hero-title{font-size:var(--font-5xl)}.signup-hero-subtitle{font-size:var(--font-xl)}.signup-user-type-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.signup-skills-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (prefers-reduced-motion: reduce){.signup-particle,.signup-container,.signup-user-type-card,.signup-modal-content{animation:none;opacity:1}.signup-background-gradient{animation:none}.signup-user-type-card:hover,.signup-oauth-btn:hover,.signup-submit-button:hover{transform:none}.signup-modal-icon{animation:none}}@media (prefers-contrast: high){.signup-user-type-card,.signup-oauth-btn,.signup-modal-content,.signup-form-input,.signup-form-select,.signup-form-textarea{border-width:2px}.signup-hero-title,.signup-gradient-text{color:var(--color-text-primary);background:none;-webkit-text-fill-color:initial}}.modal-open{overflow:hidden}.setup-page{min-height:100vh;background:var(--color-bg-primary);position:relative;padding:var(--space-xl);overflow-x:hidden;display:flex;align-items:center;justify-content:center}.setup-background-gradient{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 25% 25%,rgba(102,126,234,.08) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(74,222,128,.06) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(245,93,251,.04) 0%,transparent 50%);pointer-events:none;z-index:0}.setup-particle{position:absolute;width:3px;height:3px;background:var(--color-primary);border-radius:var(--radius-full);opacity:.3;animation:setup-float 30s infinite linear}.setup-particle:nth-child(2n){background:var(--color-secondary);animation-duration:35s;width:2px;height:2px;opacity:.25}.setup-particle:nth-child(3n){background:var(--color-tertiary);animation-duration:40s;width:1px;height:1px;opacity:.2}@keyframes setup-float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.setup-container{width:100%;max-width:900px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-glass);padding:var(--space-3xl);position:relative;z-index:1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.setup-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center;min-height:200px}.setup-loading-spinner{width:60px;height:60px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:var(--radius-full);animation:setup-spin 1s linear infinite;margin-bottom:var(--space-lg)}@keyframes setup-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.setup-loading-state p{font-size:var(--font-lg);color:var(--color-text-secondary);margin:0}.setup-header{text-align:center;margin-bottom:var(--space-3xl)}.setup-title{font-size:var(--font-4xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);margin-bottom:var(--space-md);line-height:var(--leading-tight)}.setup-gradient-text{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.setup-subtitle{font-size:var(--font-lg);color:var(--color-text-secondary);margin:0;line-height:var(--leading-relaxed)}.setup-error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:var(--space-lg);color:var(--color-danger);font-size:var(--font-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xl);display:flex;align-items:center;gap:var(--space-sm);animation:setup-shake .5s ease-in-out}.setup-error-icon{font-size:var(--font-lg);font-weight:var(--font-weight-bold)}@keyframes setup-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.setup-progress-container{margin-bottom:var(--space-3xl)}.setup-progress-bar{height:8px;background:var(--color-surface-active);border-radius:var(--radius-xs);overflow:hidden;margin-bottom:var(--space-xl);position:relative}.setup-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);transition:width var(--transition-slow);border-radius:var(--radius-xs);position:relative}.setup-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:setup-shimmer 2s infinite}@keyframes setup-shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.setup-progress-steps{display:flex;justify-content:space-between;gap:var(--space-sm)}.setup-progress-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);opacity:.4;transition:all var(--transition-base);flex:1;min-width:0}.setup-progress-step.active{opacity:1}.setup-progress-step.current{transform:scale(1.05);opacity:1}.setup-step-icon{width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-surface-active);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:var(--font-xl);font-weight:var(--font-weight-bold);transition:all var(--transition-base);color:var(--color-text-muted)}.setup-progress-step.active .setup-step-icon{background:#667eea33;border-color:var(--color-primary);color:var(--color-primary)}.setup-progress-step.current .setup-step-icon{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-color:var(--color-secondary);color:#fff;animation:setup-pulse 2s ease-in-out infinite}@keyframes setup-pulse{0%,to{transform:scale(1);box-shadow:0 0 #667eea66}50%{transform:scale(1.05);box-shadow:0 0 0 8px #667eea00}}.setup-step-label{font-size:var(--font-xs);color:var(--color-text-disabled);text-align:center;line-height:var(--leading-snug);font-weight:var(--font-weight-medium)}.setup-progress-step.active .setup-step-label{color:var(--color-text-muted)}.setup-progress-step.current .setup-step-label{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.setup-step-content{min-height:450px;display:flex;flex-direction:column}.setup-step-panel{animation:setup-fadeInUp .6s cubic-bezier(.4,0,.2,1);flex:1}@keyframes setup-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.setup-step-title{display:flex;align-items:center;gap:var(--space-lg);font-size:var(--font-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2xl);color:var(--color-text-primary)}.setup-title-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#667eea33;border-radius:var(--radius-lg);font-size:var(--font-2xl);color:var(--color-primary);font-weight:var(--font-weight-bold)}.setup-intro-content{text-align:center}.setup-assessment-description{font-size:var(--font-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-2xl);max-width:600px;margin-left:auto;margin-right:auto}.setup-assessment-actions{display:flex;justify-content:center;margin-top:var(--space-xl)}.setup-start-assessment-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-text-primary);border:none;padding:var(--space-lg) var(--space-2xl);border-radius:var(--radius-lg);font-size:var(--font-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-md);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.setup-start-assessment-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .4s}.setup-start-assessment-btn:hover:before{left:100%}.setup-start-assessment-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.setup-btn-arrow{font-size:var(--font-lg);transition:transform var(--transition-base)}.setup-start-assessment-btn:hover .setup-btn-arrow{transform:translate(4px)}.setup-assessment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2xl);flex-wrap:wrap;gap:var(--space-lg)}.setup-progress-section{flex:1;min-width:200px}.setup-mini-progress-bar{height:6px;background:var(--color-surface-active);border-radius:var(--radius-xs);overflow:hidden;margin-bottom:var(--space-sm)}.setup-mini-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);transition:width var(--transition-base)}.setup-progress-text{color:var(--color-text-muted);font-size:var(--font-sm);font-weight:var(--font-weight-medium)}.setup-assessment-meta{display:flex;align-items:center;gap:var(--space-md)}.setup-category-badge{background:#4ade8033;color:var(--color-secondary);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);border:1px solid rgba(74,222,128,.3);text-transform:uppercase;letter-spacing:.5px}.setup-question-content{flex:1;display:flex;flex-direction:column;justify-content:center;margin-bottom:var(--space-xl)}.setup-question-text{color:var(--color-text-primary);font-size:var(--font-2xl);font-weight:var(--font-weight-semibold);text-align:center;margin-bottom:var(--space-2xl);line-height:var(--leading-snug)}.setup-answer-options{display:flex;flex-direction:column;gap:var(--space-lg);max-width:700px;margin:0 auto}.setup-answer-option{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-lg);text-align:left;position:relative;overflow:hidden}.setup-answer-option:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);transform:scaleX(0);transition:transform var(--transition-base) ease;transform-origin:left}.setup-answer-option:hover:before{transform:scaleX(1)}.setup-answer-option:hover{border-color:var(--color-primary);background:var(--color-surface-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.setup-option-letter{background:var(--color-primary);color:var(--color-text-primary);width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-lg);flex-shrink:0}.setup-option-text{color:var(--color-text-primary);font-size:var(--font-base);line-height:var(--leading-normal);flex:1}.setup-assessment-footer{text-align:center;margin-top:var(--space-xl)}.setup-assessment-hint{color:var(--color-text-disabled);font-style:italic;font-size:var(--font-sm)}.setup-archetype-result{margin-bottom:var(--space-2xl)}.setup-archetype-display{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.setup-archetype-symbol-large{font-size:var(--font-6xl);font-weight:var(--font-weight-bold);display:block;margin-bottom:var(--space-lg);color:var(--color-primary);text-shadow:0 0 20px rgba(102,126,234,.5);animation:setup-glow 2s ease-in-out infinite alternate}@keyframes setup-glow{0%{text-shadow:0 0 20px rgba(102,126,234,.5)}to{text-shadow:0 0 30px rgba(102,126,234,.8),0 0 40px rgba(102,126,234,.6)}}.setup-archetype-description{font-size:var(--font-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.setup-form-section{display:flex;flex-direction:column;gap:var(--space-xl)}.setup-form-group{position:relative}.setup-form-label{display:block;margin-bottom:var(--space-sm);font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.setup-form-input,.setup-form-textarea,.setup-form-select{width:100%;padding:var(--space-lg);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-base);font-family:inherit;transition:all var(--transition-base);outline:none;box-sizing:border-box}.setup-form-textarea{resize:vertical;min-height:100px;line-height:var(--leading-relaxed)}.setup-form-input::placeholder,.setup-form-textarea::placeholder{color:var(--color-text-disabled)}.setup-form-input:focus,.setup-form-textarea:focus,.setup-form-select:focus{background:var(--color-surface-hover);border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea33;transform:translateY(-1px)}.setup-form-input.error,.setup-form-textarea.error,.setup-form-select.error{border-color:var(--color-danger);background:#ef44440d}.setup-form-input.error:focus,.setup-form-textarea.error:focus,.setup-form-select.error:focus{box-shadow:0 0 0 3px #ef444433}.setup-field-error{color:var(--color-danger);font-size:var(--font-xs);font-weight:var(--font-weight-medium);margin-top:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs)}.setup-field-error:before{content:"⚠";font-size:var(--font-xs)}.setup-experience-selector{display:flex;gap:var(--space-md);flex-wrap:wrap}.setup-experience-option{padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.setup-experience-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .4s}.setup-experience-option:hover:before{left:100%}.setup-experience-option:hover{background:var(--color-surface-hover);transform:translateY(-2px);border-color:var(--color-border-hover)}.setup-experience-option.selected{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-color:var(--color-secondary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.setup-style-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.setup-style-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:center;position:relative;overflow:hidden}.setup-style-option:hover{background:var(--color-surface-hover);transform:translateY(-4px);border-color:var(--color-border-hover);box-shadow:var(--shadow-lg)}.setup-style-option.selected{background:#667eea33;border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.setup-option-icon{font-size:var(--font-3xl);color:var(--color-secondary);font-weight:var(--font-weight-bold)}.setup-option-label{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--leading-snug)}.setup-rate-input-container{max-width:400px}.setup-rate-input-wrapper{display:flex;align-items:center;gap:var(--space-md);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);transition:all var(--transition-base)}.setup-rate-input-wrapper:focus-within{background:var(--color-surface-hover);border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea33;transform:translateY(-2px)}.setup-currency-symbol{font-size:var(--font-xl);color:var(--color-secondary);font-weight:var(--font-weight-bold)}.setup-rate-input{background:transparent;border:none;color:var(--color-text-primary);font-size:var(--font-xl);font-weight:var(--font-weight-semibold);width:80px;outline:none;text-align:center}.setup-rate-suffix{color:var(--color-text-muted);font-size:var(--font-lg);font-weight:var(--font-weight-medium)}.setup-rate-hint{margin-top:var(--space-sm);font-size:var(--font-xs);color:var(--color-text-disabled);line-height:var(--leading-normal)}.setup-session-length-options{display:flex;gap:var(--space-md);flex-wrap:wrap}.setup-length-option{padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.setup-length-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .4s}.setup-length-option:hover:before{left:100%}.setup-length-option:hover{background:var(--color-surface-hover);transform:translateY(-2px);border-color:var(--color-border-hover)}.setup-length-option.selected{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-color:var(--color-secondary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.setup-availability-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-sm)}.setup-day-option{aspect-ratio:1;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-medium);font-size:var(--font-sm);color:var(--color-text-muted);position:relative;overflow:hidden}.setup-day-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .4s}.setup-day-option:hover:before{left:100%}.setup-day-option:hover{background:var(--color-surface-hover);transform:scale(1.05);border-color:var(--color-border-hover)}.setup-day-option.selected{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-color:var(--color-secondary);color:#fff;transform:scale(1.05);box-shadow:0 4px 15px #667eea4d}.setup-checkbox-label{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-lg);cursor:pointer;font-size:var(--font-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium);-webkit-user-select:none;user-select:none}.setup-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.setup-checkbox-label:hover{color:var(--color-text-primary)}.setup-checkbox-text{line-height:var(--leading-normal)}.setup-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:1px solid var(--color-border);gap:var(--space-lg)}.setup-nav-button{padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-sm);min-height:48px;position:relative;overflow:hidden}.setup-nav-back{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.setup-nav-back:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.setup-nav-back:disabled{opacity:.5;cursor:not-allowed;transform:none}.setup-nav-skip{background:transparent;color:var(--color-text-disabled);border:1px solid transparent;text-decoration:underline;text-decoration-color:transparent;transition:all var(--transition-base)}.setup-nav-skip:hover{color:var(--color-text-muted);text-decoration-color:var(--color-text-muted)}.setup-nav-next{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;padding:var(--space-md) var(--space-2xl)}.setup-nav-next:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.setup-nav-next:hover:before{left:100%}.setup-nav-next:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.setup-nav-next:disabled{opacity:.6;cursor:not-allowed;transform:none}.setup-nav-next:disabled:hover{box-shadow:none}.setup-button-icon{font-size:var(--font-sm);transition:transform var(--transition-base)}.setup-nav-button:hover .setup-button-icon{transform:translate(2px)}.setup-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:setup-spin .8s linear infinite;margin-right:var(--space-sm)}.setup-success-animation{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:setup-fadeIn .3s ease}@keyframes setup-fadeIn{0%{opacity:0}to{opacity:1}}.setup-success-content{text-align:center;animation:setup-successBounce .8s cubic-bezier(.68,-.55,.265,1.55)}@keyframes setup-successBounce{0%{transform:scale(.3) rotate(-15deg);opacity:0}50%{transform:scale(1.05) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.setup-success-content .setup-success-icon{font-size:var(--font-6xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 50%,var(--color-tertiary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-xl);display:block;text-shadow:0 0 30px rgba(102,126,234,.5)}.setup-success-content h2{font-size:var(--font-3xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md);color:var(--color-text-primary)}.setup-success-content p{font-size:var(--font-lg);color:var(--color-text-secondary)}@keyframes setup-ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(4);opacity:0}}@media (max-width: 768px){.setup-page{padding:var(--space-md);align-items:flex-start}.setup-container{max-width:100%;margin:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-xl) var(--space-lg);min-height:100vh}.setup-header{margin-bottom:var(--space-2xl)}.setup-title{font-size:var(--font-3xl)}.setup-subtitle{font-size:var(--font-base)}.setup-progress-steps{gap:var(--space-xs)}.setup-step-icon{width:40px;height:40px;font-size:var(--font-lg)}.setup-step-label{font-size:10px;max-width:60px;overflow:hidden;text-overflow:ellipsis}.setup-step-title{font-size:var(--font-xl);margin-bottom:var(--space-xl);flex-direction:column;text-align:center;gap:var(--space-md)}.setup-title-icon{width:40px;height:40px;font-size:var(--font-xl)}.setup-question-text{font-size:var(--font-xl);margin-bottom:var(--space-xl)}.setup-answer-options{gap:var(--space-md);padding:0 var(--space-sm)}.setup-answer-option{padding:var(--space-lg);border-radius:var(--radius-md)}.setup-option-letter{width:35px;height:35px;font-size:var(--font-base)}.setup-option-text{font-size:var(--font-sm)}.setup-archetype-symbol-large{font-size:var(--font-5xl)}.setup-style-options{grid-template-columns:1fr;gap:var(--space-md)}.setup-style-option{flex-direction:row;justify-content:flex-start;text-align:left;padding:var(--space-lg)}.setup-option-icon{font-size:var(--font-2xl);min-width:40px}.setup-experience-selector,.setup-session-length-options{gap:var(--space-sm);justify-content:center}.setup-experience-option,.setup-length-option{font-size:var(--font-xs);padding:var(--space-sm) var(--space-lg)}.setup-availability-grid{gap:var(--space-xs)}.setup-day-option{font-size:var(--font-xs);min-height:48px}.setup-navigation{flex-direction:column;gap:var(--space-md);margin-top:var(--space-2xl);padding-top:var(--space-xl)}.setup-nav-next{order:1;width:100%}.setup-nav-back{order:2;width:100%}.setup-nav-skip{order:3;width:100%}}@media (max-width: 480px){.setup-container{padding:var(--space-lg) var(--space-md)}.setup-title{font-size:var(--font-2xl)}.setup-step-title{font-size:var(--font-lg)}.setup-question-text{font-size:var(--font-lg);padding:0 var(--space-sm)}.setup-answer-option{padding:var(--space-md)}.setup-option-text{font-size:var(--font-xs)}.setup-experience-selector,.setup-session-length-options{justify-content:center}.setup-archetype-symbol-large{font-size:var(--font-4xl)}}@media (prefers-reduced-motion: reduce){.setup-particle,.setup-archetype-symbol-large,.setup-step-icon{animation:none!important}.setup-progress-fill:after{animation:none}.setup-step-panel,.setup-success-content{animation:none}}@media (prefers-contrast: high){.setup-container,.setup-form-input,.setup-form-textarea,.setup-form-select,.setup-answer-option,.setup-nav-button{border-width:2px}}:root{--color-primary: #667eea;--color-primary-dark: #764ba2;--color-secondary: #4ade80;--color-tertiary: #f093fb;--color-accent: #45B7D1;--color-danger: #ef4444;--color-warning: #f59e0b;--color-success: #4ade80;--color-info: #3b82f6;--color-bg-primary: #000000;--color-bg-secondary: #0a0a0a;--color-bg-tertiary: #1a1a1a;--color-surface: rgba(255, 255, 255, .03);--color-surface-hover: rgba(255, 255, 255, .05);--color-surface-active: rgba(255, 255, 255, .08);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-muted: rgba(255, 255, 255, .6);--color-text-disabled: rgba(255, 255, 255, .4);--color-border: rgba(255, 255, 255, .05);--color-border-hover: rgba(255, 255, 255, .1);--color-border-active: rgba(255, 255, 255, .2);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 5rem;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-5xl: 3rem;--font-6xl: 3.75rem;--font-7xl: 4.5rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-none: 1;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .3), 0 4px 16px rgba(255, 255, 255, .1) inset;--shadow-crystal: 0 20px 40px rgba(0, 0, 0, .4), 0 8px 16px rgba(255, 255, 255, .1) inset;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-silk: cubic-bezier(.4, 0, .2, 1);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px}.profile-page{min-height:100vh;background:var(--color-bg-primary);position:relative;padding-top:var(--space-4xl);overflow-x:hidden}.profile-background-gradient{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(102,126,234,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(74,222,128,.06) 0%,transparent 50%),radial-gradient(circle at 60% 20%,rgba(245,93,251,.04) 0%,transparent 50%);pointer-events:none;z-index:0}.profile-particles-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.profile-particle{position:absolute;width:3px;height:3px;background:var(--color-primary);border-radius:var(--radius-full);opacity:.3;animation:profile-float 25s infinite linear}.profile-particle:nth-child(2n){background:var(--color-secondary);animation-duration:30s;width:2px;height:2px;opacity:.25}.profile-particle:nth-child(3n){background:var(--color-tertiary);animation-duration:35s;width:1px;height:1px;opacity:.2}@keyframes profile-float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.profile-container{max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-lg);position:relative;z-index:1}.profile-loading-state,.profile-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center;min-height:400px}.profile-loading-spinner{width:60px;height:60px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:var(--radius-full);animation:profile-spin 1s linear infinite;margin-bottom:var(--space-lg)}@keyframes profile-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-error-icon{width:64px;height:64px;background:var(--color-surface);border:2px solid var(--color-danger);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-3xl);color:var(--color-danger);margin-bottom:var(--space-lg)}.profile-loading-state p,.profile-error-state p{font-size:var(--font-lg);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.profile-error-state h3{font-size:var(--font-2xl);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.profile-hero-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-glass);margin-bottom:var(--space-2xl);overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.profile-hero-content{padding:var(--space-2xl)}.profile-header{display:flex;gap:var(--space-2xl);align-items:flex-start;flex-wrap:wrap;margin-bottom:var(--space-xl)}.profile-avatar-section{position:relative;flex-shrink:0}.profile-avatar{width:120px;height:120px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:3px solid var(--color-border);box-shadow:var(--shadow-xl);transition:all var(--transition-base) var(--transition-silk)}.profile-avatar:hover{transform:translateY(-2px);box-shadow:var(--shadow-crystal)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar-placeholder{font-size:var(--font-4xl);font-weight:var(--font-weight-bold);color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.profile-online-indicator{position:absolute;bottom:6px;right:6px;width:16px;height:16px;background:var(--color-success);border-radius:var(--radius-full);border:2px solid var(--color-bg-primary);box-shadow:0 0 0 2px #4ade804d;animation:profile-online-pulse 2s infinite}@keyframes profile-online-pulse{0%,to{opacity:1}50%{opacity:.7}}.profile-edit-avatar-btn{position:absolute;bottom:0;right:0;width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-primary);border:2px solid var(--color-bg-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);font-size:var(--font-lg);font-weight:var(--font-weight-bold)}.profile-edit-avatar-btn:hover{background:var(--color-primary-dark);transform:scale(1.1)}.profile-info{flex:1;min-width:0}.profile-name{font-size:var(--font-4xl);font-weight:var(--font-weight-extrabold);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-xs);line-height:var(--leading-tight)}.profile-username{font-size:var(--font-lg);color:var(--color-text-muted);margin-bottom:var(--space-lg)}.profile-badges{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-xl)}.profile-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;border:1px solid;transition:all var(--transition-base);position:relative;overflow:hidden}.profile-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.profile-badge:hover:before{left:100%}.profile-badge:hover{transform:translateY(-2px)}.badge-mentor{background:#667eea1a;border-color:var(--color-primary);color:var(--color-primary)}.badge-learner{background:#4ade801a;border-color:var(--color-success);color:var(--color-success)}.badge-generation{background:#f55dfb1a;border-color:var(--color-tertiary);color:var(--color-tertiary)}.badge-verified{background:#4ade801a;border-color:var(--color-success);color:var(--color-success)}.badge-special{background:linear-gradient(135deg,#ffd70033,#ff8c0033);border-color:gold;color:gold;animation:profile-shimmer 3s ease-in-out infinite}@keyframes profile-shimmer{0%,to{opacity:.8}50%{opacity:1}}.badge-icon{font-size:var(--font-sm)}.profile-stats{display:flex;gap:var(--space-2xl);flex-wrap:wrap}.profile-stat{text-align:center}.profile-stat-value{display:block;font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.profile-stat-label{font-size:var(--font-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.profile-actions{display:flex;gap:var(--space-md);align-items:center;margin-left:auto;flex-wrap:wrap}.profile-completion{padding:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--space-xl)}.profile-completion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.profile-completion-text{font-size:var(--font-sm);color:var(--color-text-secondary)}.profile-completion-percentage{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--color-success)}.profile-completion-bar{height:8px;background:var(--color-surface);border-radius:var(--radius-xs);overflow:hidden;margin-bottom:var(--space-md)}.profile-completion-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-success) 100%);transition:width var(--transition-slow);box-shadow:0 0 20px #667eea80}.profile-completion-hint{font-size:var(--font-xs);color:var(--color-text-muted);margin:0}.profile-content{display:grid;grid-template-columns:1fr 320px;gap:var(--space-2xl);align-items:start}.profile-content-main{min-width:0}.profile-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-2xl);background:var(--color-surface);padding:var(--space-xs);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow-x:auto;-webkit-overflow-scrolling:touch}.profile-tab{flex:1;min-width:0;padding:var(--space-md) var(--space-lg);background:transparent;border:none;color:var(--color-text-muted);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);white-space:nowrap;position:relative;overflow:hidden}.profile-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .4s}.profile-tab:hover:before{left:100%}.profile-tab:hover{color:var(--color-text-secondary);background:var(--color-surface-hover)}.profile-tab.tab-active{background:#667eea33;color:var(--color-text-primary);transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.profile-tab-icon{font-size:var(--font-lg);font-weight:var(--font-weight-bold)}.profile-tab-text{font-size:var(--font-sm)}.profile-tab-content{min-height:400px}.profile-content-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.profile-content-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);transform:scaleX(0);transition:transform var(--transition-base) ease;transform-origin:left}.profile-content-card:hover:before{transform:scaleX(1)}.profile-content-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.profile-card-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.profile-card-icon{font-size:var(--font-xl)}.profile-section-title{font-size:var(--font-3xl);font-weight:var(--font-weight-extrabold);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-xl);line-height:var(--leading-tight)}.profile-card-title{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-text-primary)}.profile-bio-text{font-size:var(--font-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0}.profile-achievement-card{background:linear-gradient(135deg,#ffd7000d,#ff8c000d);border-color:#ffd70033}.profile-achievement-content{display:flex;align-items:center;gap:var(--space-lg)}.profile-achievement-icon{font-size:var(--font-2xl);filter:drop-shadow(0 2px 8px rgba(255,215,0,.3))}.profile-unique-card{background:linear-gradient(135deg,#667eea0d,#4ade800d);border-color:#667eea33}.profile-experience-display{display:inline-flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);margin-top:var(--space-lg);transition:all var(--transition-base)}.profile-experience-display:hover{border-color:var(--color-border-hover);transform:translateY(-2px)}.profile-experience-icon{font-size:var(--font-lg);filter:drop-shadow(0 2px 4px rgba(245,158,11,.3))}.profile-experience-text{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.profile-skills-showcase{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-lg)}.profile-skill-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-lg);transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.profile-skill-card:hover{background:var(--color-surface-hover);transform:translateY(-2px);border-color:#667eea4d}.profile-skill-card:hover .profile-skill-glow{opacity:1}.profile-skill-glow{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle,rgba(102,126,234,.3) 0%,transparent 70%);opacity:0;transition:opacity var(--transition-slow);pointer-events:none}.profile-skill-symbol{font-size:32px;font-weight:var(--font-weight-bold);color:var(--color-success);flex-shrink:0;text-shadow:0 2px 10px rgba(74,222,128,.3);transition:all var(--transition-base)}.profile-skill-card:hover .profile-skill-symbol{transform:scale(1.1)}.profile-skill-info{flex:1;min-width:0}.profile-skill-name{display:block;font-size:var(--font-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.profile-skill-level{display:block;font-size:var(--font-xs);color:var(--color-text-muted)}.profile-projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-md)}.profile-projects-subsection{margin-bottom:var(--space-3xl)}.profile-subsection-title{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.profile-count{font-size:var(--font-base);color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.profile-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-xl)}.profile-active-project-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base);position:relative;overflow:hidden}.profile-active-project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);transform:scaleX(0);transition:transform var(--transition-base) ease;transform-origin:left}.profile-active-project-card:hover:before{transform:scaleX(1)}.profile-active-project-card:hover{border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.profile-project-header{margin-bottom:var(--space-lg)}.profile-project-status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;background:var(--color-surface-active);border:1px solid var(--color-border);margin-bottom:var(--space-md)}.profile-status-dot{width:6px;height:6px;border-radius:var(--radius-full);flex-shrink:0}.profile-status-dot.submitted{background-color:var(--color-info)}.profile-status-dot.under_review{background-color:var(--color-warning)}.profile-status-dot.needs_revision{background-color:var(--color-danger)}.profile-status-dot.draft{background-color:var(--color-text-muted)}.profile-project-title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-xs);line-height:var(--leading-tight)}.profile-project-subtitle{font-size:var(--font-sm);color:var(--color-text-muted);line-height:var(--leading-normal)}.profile-project-progress{margin-bottom:var(--space-lg)}.profile-progress-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.profile-progress-item{text-align:center;padding:var(--space-sm);background:var(--color-surface-hover);border-radius:var(--radius-sm)}.profile-progress-label{display:block;font-size:var(--font-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs)}.profile-progress-value{display:block;font-size:var(--font-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.profile-team-progress-bar{height:6px;background:var(--color-surface);border-radius:var(--radius-xs);overflow:hidden}.profile-progress-fill{height:100%;background:var(--color-success);transition:width var(--transition-base);border-radius:var(--radius-xs)}.profile-project-details{margin-bottom:var(--space-lg)}.profile-project-meta{display:flex;gap:var(--space-lg);margin-bottom:var(--space-md);flex-wrap:wrap}.profile-meta-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-xs);color:var(--color-text-muted)}.profile-meta-icon{color:var(--color-primary);font-weight:var(--font-weight-bold)}.profile-project-description{font-size:var(--font-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.profile-team-preview{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.profile-team-label{font-size:var(--font-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.profile-team-avatars{display:flex;gap:var(--space-xs)}.profile-team-avatar{width:24px;height:24px;border-radius:var(--radius-full);background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-xs);font-weight:var(--font-weight-bold);color:#fff;overflow:hidden;border:1px solid var(--color-border)}.profile-team-avatar img{width:100%;height:100%;object-fit:cover}.profile-team-more{background:var(--color-surface-active);color:var(--color-text-secondary);font-size:10px}.profile-project-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-md)}.profile-project-timestamp{font-size:var(--font-xs);color:var(--color-text-disabled);text-align:right;margin-top:auto;padding-top:var(--space-md);border-top:1px solid var(--color-border)}.profile-project-proposal-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base);position:relative;overflow:hidden}.profile-project-proposal-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-warning) 0%,var(--color-info) 100%);transform:scaleX(0);transition:transform var(--transition-base) ease;transform-origin:left}.profile-project-proposal-card:hover:before{transform:scaleX(1)}.profile-project-proposal-card:hover{border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.profile-personality-card{background:linear-gradient(135deg,#f55dfb0d,#667eea0d);border-color:#f55dfb33}.profile-style-card{background:linear-gradient(135deg,#4ade800d,#45b7d10d);border-color:#4ade8033}.profile-success-card{background:linear-gradient(135deg,#ffd7000d,#f59e0b0d);border-color:#f59e0b33}.profile-pet-peeve-card{background:linear-gradient(135deg,#ef44440d,#fb923c0d);border-color:#ef444433}.profile-promise-card{background:linear-gradient(135deg,#667eea1a,#4ade801a);border:2px solid rgba(102,126,234,.3);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;margin-top:var(--space-xl);position:relative;overflow:hidden}.profile-promise-icon{font-size:var(--font-3xl);margin-bottom:var(--space-md);display:block}.profile-promise-text{font-size:var(--font-lg);font-style:italic;color:var(--color-text-primary);font-weight:var(--font-weight-medium);line-height:var(--leading-relaxed)}.profile-rate-info{text-align:center;margin-bottom:var(--space-2xl)}.profile-rate-display{display:flex;align-items:baseline;justify-content:center;gap:var(--space-xs);margin-bottom:var(--space-md)}.profile-currency{font-size:var(--font-xl);color:var(--color-text-muted);font-weight:var(--font-weight-semibold)}.profile-amount{font-size:var(--font-5xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);line-height:var(--leading-none)}.profile-period{font-size:var(--font-lg);color:var(--color-text-muted)}.profile-rate-note{font-size:var(--font-sm);color:var(--color-success);font-weight:var(--font-weight-medium);margin:var(--space-sm) 0}.profile-session-lengths{margin-bottom:var(--space-xl)}.profile-length-options{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center;margin-top:var(--space-md)}.profile-length-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--transition-base)}.profile-length-badge:hover{border-color:var(--color-primary);color:var(--color-primary)}.profile-length-icon{font-size:var(--font-sm)}.profile-availability-grid{margin-bottom:var(--space-xl)}.profile-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-sm);margin-top:var(--space-md)}.profile-day-slot{aspect-ratio:1;border:2px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-sm);transition:all var(--transition-base);position:relative}.profile-day-slot.available{background:#4ade801a;border-color:var(--color-success);color:var(--color-success)}.profile-day-abbr{font-size:var(--font-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.profile-day-check{font-size:var(--font-sm);margin-top:var(--space-xs)}.profile-availability-note{text-align:center;color:var(--color-text-muted);font-size:var(--font-sm);margin-top:var(--space-md);font-style:italic}.profile-booking-cta{text-align:center;padding:var(--space-xl);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.profile-booking-cta p{font-size:var(--font-lg);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.profile-reviews-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);display:flex;gap:var(--space-2xl);align-items:center}.profile-rating-overview{text-align:center}.profile-rating-number{font-size:var(--font-4xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);display:block;line-height:var(--leading-none);margin-bottom:var(--space-sm)}.profile-stars{display:flex;gap:var(--space-xs);justify-content:center;margin-bottom:var(--space-sm)}.profile-star{font-size:var(--font-lg);color:var(--color-text-disabled);transition:color var(--transition-base)}.profile-star.filled{color:#fbbf24;text-shadow:0 0 8px rgba(251,191,36,.3)}.profile-review-count{font-size:var(--font-sm);color:var(--color-text-muted)}.profile-rating-breakdown{flex:1}.profile-rating-bar{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.profile-bar-label{font-size:var(--font-xs);color:var(--color-text-muted);min-width:24px}.profile-bar-track{flex:1;height:6px;background:var(--color-surface);border-radius:var(--radius-xs);overflow:hidden}.profile-bar-fill{height:100%;background:#fbbf24;transition:width var(--transition-base)}.profile-reviews-list{display:flex;flex-direction:column;gap:var(--space-lg)}.profile-review-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base)}.profile-review-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px)}.profile-review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg)}.profile-reviewer-info{display:flex;align-items:center;gap:var(--space-md)}.profile-reviewer-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:#fff}.profile-reviewer-name{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-xs) 0}.profile-review-date{font-size:var(--font-xs);color:var(--color-text-muted);margin:0}.profile-review-rating{color:#fbbf24;font-size:var(--font-lg)}.profile-review-text{font-size:var(--font-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0}.profile-empty-state{text-align:center;padding:var(--space-3xl) var(--space-lg);color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--radius-xl);border:2px dashed var(--color-border)}.profile-empty-icon{font-size:var(--font-4xl);display:block;margin-bottom:var(--space-lg);opacity:.6}.profile-empty-state p{font-size:var(--font-lg);margin-bottom:var(--space-lg)}.profile-empty-subtext{font-size:var(--font-sm);color:var(--color-text-disabled);margin-top:var(--space-sm)}.profile-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);text-decoration:none;border:none;white-space:nowrap;line-height:var(--leading-snug);position:relative;overflow:hidden}.profile-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.profile-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.profile-btn-sm{padding:var(--space-sm) var(--space-lg);font-size:var(--font-xs)}.profile-btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-text-primary)}.profile-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .4s}.profile-btn-primary:hover:not(:disabled):before{left:100%}.profile-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.profile-btn-secondary{background:var(--color-surface-active);color:var(--color-text-secondary);border:1px solid var(--color-border-hover)}.profile-btn-secondary:hover:not(:disabled){background:var(--color-text-muted);color:var(--color-bg-primary);transform:translateY(-2px)}.profile-btn-follow{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.profile-btn-follow:hover:not(:disabled){background:#667eea1a;transform:translateY(-2px)}.profile-btn-follow.following{background:var(--color-primary);color:#fff}.profile-btn-success{background:var(--color-success);color:#fff}.profile-full-width{width:100%;justify-content:center}.profile-sidebar{display:flex;flex-direction:column;gap:var(--space-xl);min-width:0;max-width:320px}.profile-sidebar-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);overflow:hidden;width:100%;transition:all var(--transition-base)}.profile-sidebar-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.profile-sidebar-title{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-lg);color:var(--color-text-primary)}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);width:100%}.profile-stat-item{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-sm);background:var(--color-surface-hover);border-radius:var(--radius-md);min-width:0;transition:all var(--transition-base)}.profile-stat-item:hover{background:var(--color-surface-active);transform:translateY(-2px)}.profile-stat-icon{display:block;font-size:var(--font-lg);margin-bottom:var(--space-xs);color:var(--color-primary);font-weight:var(--font-weight-bold)}.profile-stat-number{display:block;font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-xs);line-height:var(--leading-none)}.profile-stat-text{font-size:var(--font-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;line-height:var(--leading-tight);word-break:normal}.profile-quick-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.profile-quick-action-btn{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-base);text-decoration:none}.profile-quick-action-btn:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);transform:translateY(-1px)}.profile-action-icon{font-size:var(--font-base);width:20px;text-align:center}.profile-completion-card{background:linear-gradient(135deg,#667eea0d,#4ade800d);border-color:#667eea33}.profile-completion-steps{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.profile-step{display:flex;align-items:center;gap:var(--space-md);font-size:var(--font-sm);color:var(--color-text-muted)}.profile-step.completed{color:var(--color-success)}.profile-step-icon{width:20px;height:20px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-xs);font-weight:var(--font-weight-bold);background:var(--color-surface);border:1px solid var(--color-border);flex-shrink:0}.profile-step.completed .profile-step-icon{background:var(--color-success);color:#fff;border-color:var(--color-success)}.profile-step-text{flex:1}.profile-share-options{display:flex;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-lg)}.profile-share-btn{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-surface-hover);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary)}.profile-share-btn:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);transform:translateY(-2px)}.profile-share-icon{font-size:var(--font-base)}.profile-share-link{font-size:var(--font-xs);color:var(--color-text-muted);text-align:center;word-break:break-all;padding:var(--space-sm) var(--space-md);background:var(--color-surface-hover);border-radius:var(--radius-md);margin:0}.profile-edit-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);max-width:800px;width:100%;max-height:95vh;overflow:hidden;position:relative;box-shadow:var(--shadow-crystal);display:flex;flex-direction:column}.profile-edit-header{padding:var(--space-xl) var(--space-xl) var(--space-lg);text-align:center;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.profile-edit-header h2{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-sm) 0}.profile-edit-header p{font-size:var(--font-base);color:var(--color-text-secondary);margin:0}.profile-edit-tabs{display:flex;background:var(--color-surface);border-bottom:1px solid var(--color-border);overflow-x:auto;flex-shrink:0}.profile-edit-tab{flex:1;min-width:0;padding:var(--space-md) var(--space-lg);background:transparent;border:none;color:var(--color-text-muted);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);border-bottom:2px solid transparent;white-space:nowrap}.profile-edit-tab:hover{color:var(--color-text-secondary);background:var(--color-surface-hover)}.profile-edit-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-surface-hover)}.profile-edit-content{flex:1;overflow-y:auto;padding:var(--space-xl)}.profile-edit-section{margin-bottom:var(--space-xl)}.profile-edit-section h3{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-lg) 0;padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.profile-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.profile-edit-field{display:flex;flex-direction:column;gap:var(--space-sm)}.profile-edit-field.full-width{grid-column:1 / -1}.profile-edit-field label{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-xs)}.profile-edit-field input,.profile-edit-field select,.profile-edit-field textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);font-size:var(--font-base);color:var(--color-text-primary);transition:all var(--transition-base);resize:vertical}.profile-edit-field input::placeholder,.profile-edit-field textarea::placeholder{color:var(--color-text-muted)}.profile-edit-field input:focus,.profile-edit-field select:focus,.profile-edit-field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #667eea1a;transform:translateY(-1px)}.profile-edit-field textarea{min-height:80px;font-family:inherit;line-height:var(--leading-relaxed)}.profile-skills-selector{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm)}.profile-skill-option{padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.profile-skill-option:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.profile-skill-option.selected{background:#667eea1a;border-color:var(--color-primary);color:var(--color-primary);font-weight:var(--font-weight-medium)}.profile-availability-selector{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-sm);margin-top:var(--space-sm)}.profile-day-option{aspect-ratio:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.profile-day-option:hover{border-color:var(--color-success);color:var(--color-success);transform:translateY(-1px)}.profile-day-option.selected{background:#4ade801a;border-color:var(--color-success);color:var(--color-success)}.profile-session-selector{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm)}.profile-session-option{padding:var(--space-sm) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);min-width:60px;text-align:center}.profile-session-option:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.profile-session-option.selected{background:#45b7d11a;border-color:var(--color-accent);color:var(--color-accent)}.profile-edit-checkboxes{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg)}.profile-checkbox-label{display:flex;align-items:center;gap:var(--space-md);cursor:pointer;font-size:var(--font-base);color:var(--color-text-secondary);transition:color var(--transition-base)}.profile-checkbox-label:hover{color:var(--color-text-primary)}.profile-checkbox-label input[type=checkbox]{width:18px;height:18px;border-radius:var(--radius-xs);border:2px solid var(--color-border);background:var(--color-surface);cursor:pointer;position:relative;margin:0}.profile-checkbox-label input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}.profile-checkbox-label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:-2px;left:2px;color:#fff;font-size:12px;font-weight:700}.profile-edit-error{background:#ef44441a;border:1px solid var(--color-danger);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);color:var(--color-danger);font-size:var(--font-sm)}.profile-error-icon{width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-danger);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-xs);font-weight:var(--font-weight-bold);flex-shrink:0}.profile-edit-actions{padding:var(--space-lg) var(--space-xl);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;gap:var(--space-md);justify-content:flex-end;flex-shrink:0}@media (max-width: 768px){.profile-edit-modal{max-width:100%;max-height:100vh;border-radius:0;margin:0}.profile-edit-grid{grid-template-columns:1fr}.profile-edit-tabs{flex-wrap:nowrap;overflow-x:auto}.profile-edit-tab{flex:0 0 auto;min-width:120px}.profile-availability-selector{grid-template-columns:repeat(4,1fr);gap:var(--space-xs)}.profile-edit-actions{flex-direction:column}.profile-edit-actions .profile-btn{width:100%;justify-content:center}}@media (max-width: 480px){.profile-edit-header,.profile-edit-content{padding:var(--space-lg)}.profile-skills-selector{gap:var(--space-xs)}.profile-skill-option{font-size:var(--font-xs);padding:var(--space-xs) var(--space-sm)}.profile-availability-selector{grid-template-columns:repeat(3,1fr)}}.profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-booking-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-crystal)}.profile-close-btn{position:absolute;top:var(--space-lg);right:var(--space-lg);width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-lg);transition:all var(--transition-base);z-index:10}.profile-close-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.profile-modal-header{padding:var(--space-2xl) var(--space-xl) var(--space-lg);text-align:center;border-bottom:1px solid var(--color-border)}.profile-modal-header h2{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-sm) 0}.profile-modal-subtitle{font-size:var(--font-base);color:var(--color-text-secondary);margin:0}.profile-booking-preview{padding:var(--space-xl);border-bottom:1px solid var(--color-border)}.profile-mentor-summary{display:flex;align-items:center;gap:var(--space-lg)}.profile-mentor-avatar{width:60px;height:60px;border-radius:var(--radius-full);background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:#fff;overflow:hidden;border:2px solid var(--color-border)}.profile-mentor-avatar img{width:100%;height:100%;object-fit:cover}.profile-mentor-details h3{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-xs) 0}.profile-mentor-rate{font-size:var(--font-base);color:var(--color-text-secondary);margin:0}.profile-free-badge{display:inline-block;background:var(--color-success);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-bold);margin-left:var(--space-sm)}.profile-modal-content{padding:var(--space-xl);text-align:center}.profile-modal-content p{font-size:var(--font-base);color:var(--color-text-secondary);margin:0 0 var(--space-md) 0}.profile-coming-soon-text{font-size:var(--font-sm);color:var(--color-text-muted)}.profile-modal-actions{padding:var(--space-lg) var(--space-xl) var(--space-xl);display:flex;gap:var(--space-md);justify-content:flex-end}@keyframes profile-ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(4);opacity:0}}@media (max-width: 1024px){.profile-content{grid-template-columns:1fr}.profile-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl);max-width:none}.profile-projects-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width: 768px){.profile-page{padding-top:var(--space-3xl)}.profile-container{padding:0 var(--space-sm)}.profile-hero-content{padding:var(--space-xl)}.profile-header{flex-direction:column;align-items:center;text-align:center;gap:var(--space-xl)}.profile-avatar{width:100px;height:100px}.profile-name{font-size:var(--font-3xl);text-align:center}.profile-actions{width:100%;margin:var(--space-lg) 0 0 0;flex-direction:column;gap:var(--space-md)}.profile-actions .profile-btn{width:100%;justify-content:center}.profile-tabs{overflow-x:auto;margin:0 calc(-1 * var(--space-sm)) var(--space-xl);padding:var(--space-xs) var(--space-sm);gap:0;scrollbar-width:none;-ms-overflow-style:none}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{flex:0 0 auto;white-space:nowrap;padding:var(--space-sm) var(--space-md);font-size:var(--font-xs)}.profile-content-card{padding:var(--space-lg)}.profile-section-title{font-size:var(--font-2xl)}.profile-skills-showcase,.profile-sidebar{grid-template-columns:1fr}.profile-projects-header{flex-direction:column;align-items:stretch;gap:var(--space-lg)}.profile-projects-grid{grid-template-columns:1fr}.profile-progress-stats{grid-template-columns:repeat(2,1fr)}.profile-project-actions{flex-direction:column}.profile-project-actions .profile-btn{width:100%;justify-content:center}.profile-days-grid{grid-template-columns:repeat(7,1fr);gap:var(--space-xs)}.profile-day-slot{padding:var(--space-xs)}.profile-reviews-summary{flex-direction:column;gap:var(--space-lg)}.profile-rating-overview{margin-bottom:var(--space-lg)}}@media (max-width: 480px){.profile-name{font-size:var(--font-2xl)}.profile-avatar{width:80px;height:80px}.profile-content-card{padding:var(--space-md)}.profile-amount{font-size:var(--font-3xl)}.profile-projects-grid{gap:var(--space-lg)}.profile-active-project-card,.profile-project-proposal-card{padding:var(--space-lg)}.profile-progress-stats{grid-template-columns:1fr;gap:var(--space-sm)}.profile-progress-item{padding:var(--space-sm)}.profile-team-preview{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.profile-modal-overlay{padding:var(--space-md)}.profile-booking-modal{max-height:95vh}.profile-modal-header{padding:var(--space-xl) var(--space-lg) var(--space-lg)}.profile-mentor-summary{flex-direction:column;text-align:center;gap:var(--space-md)}.profile-modal-actions{flex-direction:column;gap:var(--space-sm)}.profile-modal-actions .profile-btn{width:100%;justify-content:center}}@media (prefers-reduced-motion: reduce){.profile-particle,.profile-online-indicator,.badge-special{animation:none}.profile-loading-spinner{animation:none;border-top-color:var(--color-primary)}.profile-badge:before,.profile-btn-primary:before,.profile-tab:before,.profile-content-card:before,.profile-active-project-card:before,.profile-project-proposal-card:before{transition:none}.profile-content-card:hover,.profile-skill-card:hover,.profile-btn:hover,.profile-tab:hover,.profile-sidebar-card:hover,.profile-active-project-card:hover,.profile-project-proposal-card:hover,.profile-review-card:hover{transform:none}}@media (prefers-contrast: high){.profile-content-card,.profile-sidebar-card,.profile-hero-section,.profile-active-project-card,.profile-project-proposal-card,.profile-badge,.profile-btn,.profile-project-status-badge,.profile-day-slot{border-width:2px}}@media print{.profile-page{background:#fff;color:#000}.profile-background-gradient,.profile-particles-bg,.profile-modal-overlay{display:none}.profile-content{grid-template-columns:1fr}.profile-sidebar,.profile-actions,.profile-tabs{display:none}.profile-content-card,.profile-hero-section{background:#fff;border:1px solid #ccc;box-shadow:none}}.profile-tab:focus,.profile-btn:focus,.profile-quick-action-btn:focus,.profile-share-btn:focus,.profile-skill-card:focus{outline:2px solid var(--color-primary);outline-offset:2px}.profile-close-btn:focus{outline:2px solid var(--color-danger);outline-offset:2px}.profile-skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-hover) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:profile-skeleton-loading 1.5s infinite}@keyframes profile-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.profile-skeleton-avatar{width:120px;height:120px;border-radius:var(--radius-full)}.profile-skeleton-text{height:1em;border-radius:var(--radius-xs);margin-bottom:var(--space-sm)}.profile-skeleton-text.short{width:60%}.profile-skeleton-text.medium{width:80%}.profile-skeleton-text.long{width:100%}.auth-callback-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);position:relative;overflow:hidden}.auth-callback-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(102,126,234,.1) 0%,transparent 40%),radial-gradient(circle at 20% 80%,rgba(74,222,128,.08) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(245,93,251,.08) 0%,transparent 40%);animation:backgroundPulse 4s ease-in-out infinite}@keyframes backgroundPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.callback-container{position:relative;z-index:1;text-align:center;padding:var(--space-2xl)}.loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);animation:fadeInUp .6s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(var(--space-xl))}to{opacity:1;transform:translateY(0)}}.card-context-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-icon{font-size:var(--font-3xl);animation:cardPulse 2s ease-in-out infinite}@keyframes cardPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.card-context-indicator p{font-size:var(--font-sm);color:var(--color-text-secondary);margin:0;font-weight:var(--font-weight-medium)}.loading-spinner{width:80px;height:80px;position:relative;margin-bottom:var(--space-md)}.spinner-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid var(--color-border);border-radius:var(--radius-full)}.spinner-ring:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:3px solid transparent;border-top-color:var(--color-primary);border-right-color:var(--color-secondary);border-radius:var(--radius-full);animation:spin 1.2s linear infinite}.loading-spinner:after{content:"Ω";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-3xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:symbolPulse 2s ease-in-out infinite}@keyframes symbolPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}}.loading-content h2{font-size:var(--font-3xl);font-weight:var(--font-weight-light);color:var(--color-text-primary);margin:0;letter-spacing:-.5px;line-height:var(--leading-tight)}.loading-content p{font-size:var(--font-base);color:var(--color-text-muted);margin:0;line-height:var(--leading-normal)}.loading-steps{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-xl);align-items:flex-start;max-width:300px}.step{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);width:100%;transition:all var(--transition-base) var(--transition-silk)}.step.active{background:#667eea1a;border-color:#667eea4d;animation:stepPulse 2s ease-in-out infinite}.step.completed{background:#4ade801a;border-color:#4ade804d}.step.completed .step-icon{color:var(--color-success)}@keyframes stepPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.step-icon{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);width:32px;text-align:center;flex-shrink:0}.step.active .step-icon{animation:iconRotate 2s linear infinite}@keyframes iconRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.step span:last-child{color:var(--color-text-secondary);font-size:var(--font-sm);font-weight:var(--font-weight-medium);line-height:var(--leading-snug)}.step.completed span:last-child{color:var(--color-success)}.oauth-conflict-content{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,193,7,.3);border-radius:var(--radius-2xl);padding:var(--space-2xl);max-width:500px;animation:conflictSlideIn .5s ease;box-shadow:var(--shadow-glass)}@keyframes conflictSlideIn{0%{opacity:0;transform:translateY(calc(var(--space-xl) * -1))}to{opacity:1;transform:translateY(0)}}.conflict-icon{font-size:var(--font-5xl);margin-bottom:var(--space-lg);animation:conflictPulse 2s ease-in-out infinite}@keyframes conflictPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.oauth-conflict-content h2{font-size:var(--font-3xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-md) 0;letter-spacing:-.5px;line-height:var(--leading-tight)}.conflict-message{font-size:var(--font-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-lg)}.conflict-details{background:#ffc1071a;border:1px solid rgba(255,193,7,.2);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.conflict-info{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.conflict-info strong{color:var(--color-warning);font-weight:var(--font-weight-semibold)}.conflict-actions h3{font-size:var(--font-xl);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 var(--space-lg) 0;line-height:var(--leading-snug)}.action-buttons{display:flex;flex-direction:column;gap:var(--space-sm)}.conflict-btn{width:100%;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--font-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);border:none;position:relative;overflow:hidden;line-height:var(--leading-snug)}.auth-callback-page.error .callback-container{max-width:500px}.error-content{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-2xl);padding:var(--space-2xl);animation:errorShake .5s ease;box-shadow:var(--shadow-glass)}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(calc(var(--space-sm) * -1))}75%{transform:translate(var(--space-sm))}}.error-content:before{content:"Χ";display:block;font-size:var(--font-5xl);font-weight:var(--font-weight-bold);color:var(--color-danger);margin-bottom:var(--space-lg);animation:errorPulse 2s ease-in-out infinite}@keyframes errorPulse{0%,to{opacity:.5}50%{opacity:1}}.error-content h2{font-size:var(--font-2xl);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-md);line-height:var(--leading-tight)}.error-content p{font-size:var(--font-base);color:var(--color-text-secondary);margin-bottom:var(--space-xl);line-height:var(--leading-relaxed)}.error-actions{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center}.btn{padding:var(--space-sm) var(--space-xl);border:none;border-radius:var(--radius-full);font-size:var(--font-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);position:relative;overflow:hidden;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;line-height:var(--leading-snug);min-height:48px}.btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:var(--radius-full);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:hover:before{width:300px;height:300px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 40px #667eea4d}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-secondary:hover{background:var(--color-surface-hover);color:var(--color-text-primary);transform:translateY(-2px);border-color:var(--color-border-hover)}.progress-dots{display:flex;gap:var(--space-sm);justify-content:center;margin-top:var(--space-2xl)}.dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-border-hover);animation:dotPulse 1.4s ease-in-out infinite}.dot:nth-child(1){animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{background:var(--color-border-hover);transform:scale(1)}50%{background:var(--color-secondary);transform:scale(1.2)}}.success-checkmark{width:80px;height:80px;position:relative;margin:0 auto var(--space-lg)}.success-checkmark:before{content:"Λ";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);font-size:var(--font-5xl);font-weight:var(--font-weight-bold);color:var(--color-success);animation:successPop .6s ease forwards}@keyframes successPop{0%{transform:translate(-50%,-50%) scale(0) rotate(-180deg)}50%{transform:translate(-50%,-50%) scale(1.2) rotate(10deg)}to{transform:translate(-50%,-50%) scale(1) rotate(0)}}.floating-symbols{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.symbol{position:absolute;font-size:var(--font-2xl);color:#667eea1a;animation:floatSymbol 20s linear infinite}.symbol:nth-child(1){left:10%;animation-delay:0s}.symbol:nth-child(2){left:30%;animation-delay:4s}.symbol:nth-child(3){left:50%;animation-delay:8s}.symbol:nth-child(4){left:70%;animation-delay:12s}.symbol:nth-child(5){left:90%;animation-delay:16s}@keyframes floatSymbol{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}@media (max-width: 768px){.callback-container{padding:var(--space-xl)}.loading-content h2{font-size:var(--font-2xl)}.error-content,.oauth-conflict-content{padding:var(--space-xl) var(--space-lg)}.loading-spinner{width:60px;height:60px}.loading-spinner:after{font-size:var(--font-2xl)}.error-content:before,.conflict-icon{font-size:var(--font-4xl)}.oauth-conflict-content h2{font-size:var(--font-2xl)}.loading-steps{max-width:280px}.step{padding:var(--space-sm) var(--space-md)}.step-icon{font-size:var(--font-xl);width:24px}.error-actions,.action-buttons{flex-direction:column}.conflict-btn{padding:var(--space-sm) var(--space-lg);font-size:var(--font-sm)}}@media (max-width: 480px){.callback-container{padding:var(--space-lg)}.loading-content h2{font-size:var(--font-xl)}.loading-content p{font-size:var(--font-sm)}.loading-steps{max-width:260px}.oauth-conflict-content{padding:var(--space-lg) var(--space-md)}.oauth-conflict-content h2{font-size:var(--font-xl)}.conflict-message{font-size:var(--font-sm)}.conflict-info{font-size:var(--font-xs)}.conflict-actions h3{font-size:var(--font-lg)}.card-context-indicator{padding:var(--space-md)}.card-icon{font-size:var(--font-2xl)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.error-content,.oauth-conflict-content,.step,.btn{border-width:2px}}.browse-page{min-height:100vh;background:var(--color-bg-primary);position:relative;overflow-x:hidden;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif}.browse-background-gradient{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.15) 0%,transparent 50%);pointer-events:none}.browse-particles-bg{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2;pointer-events:none;overflow:hidden}.browse-particle{position:absolute;width:2px;height:2px;background:#ffffff4d;border-radius:50%;animation:browseFloatUp linear infinite}@keyframes browseFloatUp{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) scale(1)}}.browse-container{position:relative;z-index:10;max-width:var(--container-2xl);margin:0 auto;padding:var(--space-2xl) var(--space-lg)}.browse-welcome-banner{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-2xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden;animation:bannerSlideIn .6s ease-out}.browse-welcome-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);z-index:-1}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.banner-content{display:flex;align-items:center;gap:var(--space-lg);position:relative;z-index:1}.banner-icon{font-size:var(--font-3xl);font-weight:var(--font-weight-bold);min-width:60px;text-align:center}.banner-text{flex:1}.banner-text h3{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-xs) 0}.banner-text p{font-size:var(--font-sm);color:var(--color-text-secondary);margin:0;line-height:var(--leading-relaxed)}.banner-close{background:none;border:none;color:var(--color-text-muted);font-size:var(--font-2xl);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-base);min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.banner-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary);transform:scale(1.1)}.browse-active-filters{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap}.filter-tag{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-sm) var(--space-md);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:var(--font-sm);font-weight:var(--font-weight-medium)}.game-type-filter{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:var(--color-primary)}.filter-icon{font-size:var(--font-lg);font-weight:var(--font-weight-bold)}.filter-text{color:var(--color-text-primary)}.remove-filter{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:0;margin-left:var(--space-xs);font-size:var(--font-lg);line-height:1;transition:color var(--transition-base)}.remove-filter:hover{color:var(--color-text-primary)}.clear-all-filters{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--color-text-secondary);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-base);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.clear-all-filters:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.browse-results-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);text-align:center}.browse-results-summary p{margin:0;font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.browse-header{margin-bottom:var(--space-2xl);text-align:center}.browse-header-content{max-width:600px;margin:0 auto}.browse-title{font-size:var(--font-5xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:var(--leading-tight)}.browse-subtitle{font-size:var(--font-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.browse-tabs{margin-bottom:var(--space-2xl)}.browse-tab-list{display:flex;gap:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xs);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.browse-tab{flex:1;background:transparent;border:none;border-radius:var(--radius-md);padding:var(--space-lg);color:var(--color-text-secondary);font-size:var(--font-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.browse-tab:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);opacity:0;transition:opacity var(--transition-base);border-radius:var(--radius-md)}.browse-tab:hover:before{opacity:1}.browse-tab.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-primary);box-shadow:var(--shadow-glass);transform:translateY(-2px)}.browse-tab-content{display:flex;flex-direction:column;gap:var(--space-xs);position:relative;z-index:1}.browse-tab-label{font-size:var(--font-lg);font-weight:var(--font-weight-semibold)}.browse-tab-description{font-size:var(--font-sm);opacity:.8}.browse-controls{display:flex;gap:var(--space-lg);margin-bottom:var(--space-2xl);align-items:center;flex-wrap:wrap}.browse-search{position:relative;flex:1;min-width:300px}.browse-search svg{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--color-text-muted);z-index:1}.browse-search-input{width:100%;height:48px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-md) 0 48px;color:var(--color-text-primary);font-size:var(--font-base);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-base)}.browse-search-input::placeholder{color:var(--color-text-muted)}.browse-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea33;background:var(--color-surface-hover);transform:translateY(-2px)}.browse-filters{display:flex;gap:var(--space-lg);align-items:center;flex-wrap:wrap}.browse-filter-group{display:flex;align-items:center;gap:var(--space-sm)}.browse-filter-group label{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap}.browse-filter-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--color-text-primary);font-size:var(--font-sm);cursor:pointer;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-base);min-width:140px}.browse-filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea33}.browse-filter-select option{background:var(--color-bg-secondary);color:var(--color-text-primary)}.browse-loading,.browse-error,.browse-empty{text-align:center;padding:var(--space-4xl) var(--space-lg);color:var(--color-text-secondary);font-size:var(--font-lg)}.browse-error{color:var(--color-danger)}.browse-empty h3{font-size:var(--font-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-md) 0}.browse-empty p{color:var(--color-text-secondary);margin:0 0 var(--space-lg) 0;line-height:var(--leading-relaxed)}.browse-coming-soon{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--space-2xl) var(--space-lg)}.browse-coming-soon-content{max-width:800px;text-align:center;position:relative}.browse-coming-soon-icon{margin-bottom:var(--space-2xl)}.icon-container{position:relative;display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:50%;margin:0 auto var(--space-lg);box-shadow:var(--shadow-crystal);animation:skillsIconPulse 3s ease-in-out infinite}.icon-container:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;background:linear-gradient(135deg,#667eea4d,#764ba24d);animation:skillsIconRing 3s ease-in-out infinite}.skill-icon{font-size:var(--font-4xl);z-index:1;position:relative}@keyframes skillsIconPulse{0%,to{transform:scale(1);box-shadow:var(--shadow-crystal)}50%{transform:scale(1.05);box-shadow:var(--shadow-diamond)}}@keyframes skillsIconRing{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.browse-coming-soon-text{margin-bottom:var(--space-2xl)}.browse-coming-soon-title{font-size:var(--font-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-tertiary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:var(--leading-tight)}.browse-coming-soon-subtitle{font-size:var(--font-lg);color:var(--color-text-secondary);margin:0 0 var(--space-md) 0;line-height:var(--leading-relaxed)}.browse-coming-soon-subtitle .highlight{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.browse-coming-soon-description{font-size:var(--font-base);color:var(--color-text-muted);margin:0;line-height:var(--leading-relaxed)}.browse-coming-soon-features{margin-bottom:var(--space-2xl)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.feature-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-base);text-align:left;position:relative;overflow:hidden}.feature-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);opacity:0;transition:opacity var(--transition-base)}.feature-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border-hover)}.feature-item:hover:before{opacity:1}.feature-item h4{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-sm) 0;position:relative;z-index:1}.feature-item p{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0;position:relative;z-index:1}.browse-video-preview{margin:var(--space-2xl) 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.video-preview-header{margin-bottom:var(--space-lg)}.video-preview-header h3{font-size:var(--font-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.video-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md)}.video-feature{background:var(--color-surface-hover);border:1px solid var(--color-border-hover);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;position:relative}.video-feature:before{content:"📱";position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--color-bg-primary);padding:var(--space-xs);border-radius:50%;font-size:var(--font-lg)}.video-feature span{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:block;margin-top:var(--space-sm)}.browse-coming-soon-progress{margin:var(--space-2xl) 0}.progress-bar{width:100%;height:8px;background:var(--color-surface);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-sm);position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:var(--radius-full);transition:width 1s ease-out;position:relative;overflow:hidden}.progress-text{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0}.browse-coming-soon-actions{display:flex;gap:var(--space-lg);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-2xl)}.browse-notify-btn{position:relative;overflow:hidden}.browse-notify-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .6s ease}.browse-notify-btn:hover:before{left:100%}.browse-coming-soon-hint{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-xl)}.browse-coming-soon-hint p{margin:0;font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:center}.browse-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-lg)}.browse-project-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%;animation:browseCardFadeIn .6s ease-out}@keyframes browseCardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.browse-project-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);opacity:0;transition:opacity var(--transition-base)}.browse-project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border-hover)}.browse-project-card:hover:before{opacity:1}.browse-project-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md);position:relative;z-index:1}.browse-project-title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:var(--leading-snug);flex:1}.browse-project-category{background:var(--color-accent);color:var(--color-text-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.browse-project-content{flex:1;display:flex;flex-direction:column;gap:var(--space-md);position:relative;z-index:1}.browse-project-description{flex:1}.browse-project-desc{color:var(--color-text-secondary);font-size:var(--font-sm);line-height:var(--leading-relaxed);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.browse-project-desc.expanded{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;overflow:visible}.browse-project-stats{display:flex;gap:var(--space-lg);flex-wrap:wrap}.browse-stat{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-sm);color:var(--color-text-muted)}.browse-stat svg{flex-shrink:0}.browse-card-footer{margin-top:var(--space-lg);position:relative;z-index:1}.browse-action-buttons{display:flex;gap:var(--space-md)}.browse-roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg)}.browse-role-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%;animation:browseCardFadeIn .6s ease-out}.browse-role-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border-hover)}.browse-role-card.highlighted-match{border-color:var(--color-primary);background:linear-gradient(135deg,#667eea1a,#764ba21a)}.browse-role-card.highlighted-match:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);z-index:-1}.browse-role-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.browse-role-type{display:flex;align-items:center;gap:var(--space-xs)}.browse-role-type-label{background:linear-gradient(135deg,var(--color-tertiary) 0%,var(--color-accent) 100%);color:var(--color-text-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--space-xs)}.perfect-match-badge{background:var(--color-success);color:var(--color-text-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-bold);margin-left:var(--space-xs);animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px #4ade8080}50%{box-shadow:0 0 20px #4ade80cc}}.browse-role-availability{background:var(--color-success);color:var(--color-text-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-medium)}.browse-role-title{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-xs) 0}.browse-role-project{font-size:var(--font-sm);color:var(--color-text-muted);margin:0 0 var(--space-md) 0}.browse-role-description{flex:1;margin-bottom:var(--space-md)}.browse-role-description p{color:var(--color-text-secondary);font-size:var(--font-sm);line-height:var(--leading-relaxed);margin:0}.browse-role-responsibilities{margin-bottom:var(--space-md)}.browse-role-responsibilities h4{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-sm) 0}.browse-role-responsibilities ul{list-style:none;padding:0;margin:0}.browse-role-responsibilities li{font-size:var(--font-xs);color:var(--color-text-secondary);padding:var(--space-xs) 0;position:relative;padding-left:var(--space-md)}.browse-role-responsibilities li:before{content:"•";color:var(--color-primary);font-weight:var(--font-weight-bold);position:absolute;left:0}.browse-role-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.browse-role-meta{flex:1}.browse-role-category{background:var(--color-surface-hover);color:var(--color-text-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:var(--font-weight-medium)}.browse-mentors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.browse-mentor-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;animation:browseCardFadeIn .6s ease-out}.browse-mentor-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border-hover)}.browse-mentor-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);display:flex;align-items:center;justify-content:center;font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-md);position:relative}.browse-mentor-avatar:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;padding:3px;background:linear-gradient(135deg,var(--color-tertiary),var(--color-accent));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor}.browse-mentor-info{margin-bottom:var(--space-lg)}.browse-mentor-name{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-xs) 0}.browse-mentor-title{font-size:var(--font-sm);color:var(--color-text-secondary);margin:0 0 var(--space-xs) 0}.browse-mentor-company{font-size:var(--font-sm);color:var(--color-text-muted);margin:0}.browse-mentor-stats{display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg);justify-content:center}.browse-mentor-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.browse-stat-value{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.browse-stat-label{font-size:var(--font-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.browse-mentor-expertise{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center;margin-bottom:var(--space-lg)}.browse-expertise-tag{background:var(--color-surface-hover);color:var(--color-text-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-medium)}.browse-mentor-footer{margin-top:auto}.browse-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-weight-medium);text-decoration:none;border:none;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;min-height:36px;justify-content:center}.browse-btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.browse-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.browse-btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.browse-btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-1px)}.browse-btn-disabled{background:var(--color-surface);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.browse-btn svg{width:16px;height:16px;flex-shrink:0}.browse-tab-panel{animation:tabPanelFadeIn .4s ease-out}@keyframes tabPanelFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.browse-container{padding:var(--space-xl) var(--space-md)}.browse-title{font-size:var(--font-4xl)}.browse-subtitle{font-size:var(--font-base)}.browse-controls{flex-direction:column;align-items:stretch;gap:var(--space-md)}.browse-search{min-width:auto}.browse-filters{justify-content:space-between}.browse-tab-list{flex-direction:column;gap:0}.browse-tab{padding:var(--space-md)}.browse-tab-content{flex-direction:row;align-items:center;justify-content:space-between;text-align:left}.browse-tab-description{font-size:var(--font-xs)}.browse-projects-grid,.browse-roles-grid{grid-template-columns:1fr;gap:var(--space-md)}.browse-mentors-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.browse-action-buttons{flex-direction:column;gap:var(--space-sm)}.browse-active-filters{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.filter-tag{justify-content:center}.banner-content{flex-direction:column;text-align:center;gap:var(--space-md)}.banner-icon{font-size:var(--font-2xl)}.browse-coming-soon-title{font-size:var(--font-3xl)}.feature-grid{grid-template-columns:1fr;gap:var(--space-md)}.video-features{grid-template-columns:1fr;gap:var(--space-sm)}.browse-coming-soon-actions{flex-direction:column;gap:var(--space-md)}.icon-container{width:100px;height:100px}.skill-icon{font-size:var(--font-3xl)}}@media (max-width: 480px){.browse-container{padding:var(--space-lg) var(--space-sm)}.browse-title{font-size:var(--font-3xl)}.browse-project-card,.browse-role-card,.browse-mentor-card{padding:var(--space-md)}.browse-filter-select{min-width:120px;font-size:var(--font-xs)}.browse-mentor-stats{gap:var(--space-md)}.browse-mentors-grid{grid-template-columns:1fr}.browse-project-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.browse-welcome-banner{padding:var(--space-md)}.banner-content{gap:var(--space-sm)}.banner-text h3{font-size:var(--font-lg)}.browse-role-type-label{flex-direction:column;gap:0;text-align:center}.perfect-match-badge{margin-left:0;margin-top:var(--space-xs)}.browse-coming-soon{min-height:50vh;padding:var(--space-xl) var(--space-sm)}.browse-coming-soon-title{font-size:var(--font-2xl)}.browse-coming-soon-subtitle{font-size:var(--font-base)}.icon-container{width:80px;height:80px}.skill-icon{font-size:var(--font-2xl)}.feature-item{padding:var(--space-md)}.browse-video-preview{padding:var(--space-lg)}}@media (max-width: 360px){.browse-title{font-size:var(--font-2xl)}.browse-project-stats{flex-direction:column;gap:var(--space-sm)}.browse-mentor-avatar{width:60px;height:60px;font-size:var(--font-lg)}.browse-filter-group{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.browse-active-filters{gap:var(--space-xs)}.banner-icon,.browse-coming-soon-title{font-size:var(--font-xl)}.icon-container{width:60px;height:60px}.skill-icon{font-size:var(--font-lg)}.browse-coming-soon-actions{gap:var(--space-sm)}.browse-btn{padding:var(--space-sm);font-size:var(--font-xs)}}.browse-tab:focus-visible,.browse-btn:focus-visible,.browse-search-input:focus-visible,.browse-filter-select:focus-visible,.banner-close:focus-visible,.remove-filter:focus-visible,.clear-all-filters:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.browse-project-card:focus-visible,.browse-role-card:focus-visible,.browse-mentor-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}@media (prefers-reduced-motion: reduce){.browse-particle{animation:none}.browse-project-card,.browse-role-card,.browse-mentor-card,.browse-btn,.browse-tab,.browse-welcome-banner{transition:none}.browse-project-card:hover,.browse-role-card:hover,.browse-mentor-card:hover{transform:none}.perfect-match-badge,.icon-container{animation:none}.icon-container:before{animation:none}.progress-fill:after{animation:none}.browse-notify-btn:before{transition:none}@keyframes browseCardFadeIn{0%,to{opacity:1;transform:translateY(0)}}@keyframes bannerSlideIn{0%,to{opacity:1;transform:translateY(0)}}@keyframes tabPanelFadeIn{0%,to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:none}}@keyframes skillsIconPulse{0%,to{transform:scale(1);box-shadow:var(--shadow-crystal)}}@keyframes skillsIconRing{0%,to{opacity:.5;transform:scale(1)}}@keyframes progressShimmer{0%,to{transform:translate(-100%)}}}@media (prefers-contrast: high){.browse-project-card,.browse-role-card,.browse-mentor-card,.browse-welcome-banner,.filter-tag,.feature-item{border-width:2px}.browse-btn-primary{background:var(--color-primary)}.browse-role-card.highlighted-match{border-width:3px}.browse-video-preview{border-width:2px}}@media print{.browse-particles-bg,.browse-background-gradient,.browse-welcome-banner,.browse-active-filters,.browse-coming-soon-icon,.icon-container:before,.progress-fill:after{display:none!important}.browse-project-card,.browse-role-card,.browse-mentor-card,.feature-item{break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid}.browse-page{background:#fff!important;color:#000!important}.browse-container{max-width:none!important;padding:1rem!important}.browse-btn,.banner-close,.remove-filter,.clear-all-filters{display:none!important}.browse-project-title,.browse-role-title,.browse-mentor-name,.browse-coming-soon-title{color:#000!important}.browse-coming-soon-content{text-align:left}.feature-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.browse-coming-soon-actions{display:none!important}}:root{--color-primary: #667eea;--color-primary-dark: #764ba2;--color-secondary: #4ade80;--color-tertiary: #f093fb;--color-accent: #45B7D1;--color-danger: #ef4444;--color-warning: #f59e0b;--color-success: #4ade80;--color-info: #3b82f6;--color-bg-primary: #000000;--color-bg-secondary: #0a0a0a;--color-bg-tertiary: #1a1a1a;--color-surface: rgba(255, 255, 255, .03);--color-surface-hover: rgba(255, 255, 255, .05);--color-surface-active: rgba(255, 255, 255, .08);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-muted: rgba(255, 255, 255, .6);--color-text-disabled: rgba(255, 255, 255, .4);--color-border: rgba(255, 255, 255, .05);--color-border-hover: rgba(255, 255, 255, .1);--color-border-active: rgba(255, 255, 255, .2);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 5rem;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-5xl: 3rem;--font-6xl: 3.75rem;--font-7xl: 4.5rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .3), 0 4px 16px rgba(255, 255, 255, .1) inset;--shadow-crystal: 0 20px 40px rgba(0, 0, 0, .4), 0 8px 16px rgba(255, 255, 255, .1) inset;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-silk: cubic-bezier(.4, 0, .2, 1)}.confirm-email-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);position:relative;overflow:hidden;background:var(--color-bg-primary)}.confirm-email-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.floating-symbol{position:absolute;font-size:var(--font-2xl);color:#ffffff1a;font-weight:var(--font-weight-light);animation:float 15s ease-in-out infinite;pointer-events:none}.floating-symbol.symbol-1{top:20%;left:10%;animation-delay:0s;animation-duration:20s}.floating-symbol.symbol-2{top:60%;right:15%;animation-delay:5s;animation-duration:25s}.floating-symbol.symbol-3{bottom:30%;left:20%;animation-delay:10s;animation-duration:18s}.floating-symbol.symbol-4{top:30%;right:25%;animation-delay:15s;animation-duration:22s}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.1}25%{transform:translateY(calc(var(--space-lg) * -1)) rotate(90deg);opacity:.2}50%{transform:translateY(calc(var(--space-sm) * -1)) rotate(180deg);opacity:.15}75%{transform:translateY(calc(var(--space-xl) * -1)) rotate(270deg);opacity:.25}}.confirm-email-container{position:relative;z-index:1;width:100%;max-width:500px;background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-crystal)}.confirm-email-header{text-align:center;margin-bottom:var(--space-xl)}.email-icon{font-size:var(--font-5xl);margin-bottom:var(--space-md);animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--space-sm) * -1))}}.confirm-email-title{font-size:var(--font-4xl);font-weight:var(--font-weight-light);letter-spacing:-.03em;margin:0;color:var(--color-text-primary);line-height:var(--leading-tight)}.gradient-text{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 50%,var(--color-tertiary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-weight-bold)}.confirm-email-subtitle{font-size:var(--font-lg);font-weight:var(--font-weight-light);color:var(--color-text-secondary);margin:var(--space-sm) 0 0 0;line-height:var(--leading-normal)}.signup-method-note{background:#667eea1a;border:1px solid rgba(102,126,234,.3);color:var(--color-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-xl);font-size:var(--font-xs);font-weight:var(--font-weight-medium);margin-top:var(--space-sm);display:inline-block;line-height:var(--leading-snug)}.confirm-email-content{text-align:center}.confirm-email-text{font-size:var(--font-base);color:var(--color-text-secondary);margin-bottom:var(--space-sm);line-height:var(--leading-normal)}.email-display{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap}.email-address{background:var(--color-surface-hover);border:1px solid var(--color-border-hover);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);color:var(--color-secondary);font-size:var(--font-base);line-height:var(--leading-snug)}.change-email-btn{background:var(--color-surface-hover);border:1px solid var(--color-border-hover);color:var(--color-text-muted);padding:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);font-size:var(--font-sm);min-width:40px;height:40px;display:flex;align-items:center;justify-content:center}.change-email-btn:hover{background:var(--color-surface-active);color:var(--color-text-primary);transform:scale(1.1)}.change-email-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.user-journey-preview{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);margin-bottom:var(--space-lg);text-align:left}.user-journey-preview h3{font-size:var(--font-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm);color:var(--color-text-primary);text-align:center;line-height:var(--leading-snug)}.journey-description{font-size:var(--font-sm);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-lg);line-height:var(--leading-normal)}.journey-steps{display:flex;flex-direction:column;gap:var(--space-md);list-style:none;padding:0;margin:0}.step-item{display:flex;align-items:flex-start;gap:var(--space-md)}.step-number{width:32px;height:32px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-text-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);flex-shrink:0}.step-content h4{font-size:var(--font-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 var(--space-xs) 0;line-height:var(--leading-snug)}.step-content p{font-size:var(--font-xs);color:var(--color-text-muted);margin:0;line-height:var(--leading-normal)}.confirm-email-tips{background:#f55dfb0d;border:1px solid rgba(245,93,251,.1);border-radius:var(--radius-xl);padding:var(--space-lg);margin-bottom:var(--space-xl);text-align:left}.tip-title{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-tertiary);margin-bottom:var(--space-sm);line-height:var(--leading-snug)}.confirm-email-tips ul{margin:0;padding-left:var(--space-lg);color:var(--color-text-muted)}.confirm-email-tips li{margin-bottom:var(--space-xs);font-size:var(--font-xs);line-height:var(--leading-normal)}.confirm-email-actions{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.btn{flex:1;padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);text-decoration:none;line-height:var(--leading-snug);min-height:48px}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-text-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea4d}.btn-secondary{background:var(--color-surface-hover);border:1px solid var(--color-border-hover);color:var(--color-text-secondary)}.btn-secondary:hover{background:var(--color-surface-active);border-color:var(--color-border-active);color:var(--color-text-primary)}.btn-icon{margin-right:var(--space-sm)}.resend-section{text-align:center;margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.resend-section p{font-size:var(--font-sm);color:var(--color-text-muted);margin-bottom:var(--space-sm);line-height:var(--leading-normal)}.resend-link{background:none;border:none;color:var(--color-primary);text-decoration:underline;cursor:pointer;font-size:var(--font-sm);margin-left:var(--space-sm);transition:color var(--transition-base);display:inline-flex;align-items:center;gap:var(--space-sm);line-height:var(--leading-snug)}.resend-link:hover:not(:disabled){color:var(--color-secondary)}.resend-link:disabled{opacity:.6;cursor:not-allowed}.resend-link:focus{outline:2px solid var(--color-primary);outline-offset:2px}.loading-spinner{display:inline-block;animation:spin 1s linear infinite;margin-right:var(--space-sm)}.error-text{color:var(--color-danger);font-size:var(--font-xs);margin-top:var(--space-sm);line-height:var(--leading-normal)}.success-text{color:var(--color-success);font-size:var(--font-xs);margin-top:var(--space-sm);line-height:var(--leading-normal)}.oauth-alternative{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border-hover);text-align:center}.divider{margin-bottom:var(--space-md)}.divider span{background:var(--color-surface-hover);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-xl);font-size:var(--font-xs);color:var(--color-text-muted);line-height:var(--leading-snug)}.oauth-note{font-size:var(--font-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:var(--leading-normal)}.oauth-buttons{display:flex;gap:var(--space-sm);justify-content:center}.oauth-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:var(--color-surface-hover);border:1px solid var(--color-border-hover);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-xs);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);text-decoration:none;line-height:var(--leading-snug)}.oauth-btn:hover{background:var(--color-surface-active);border-color:var(--color-border-active);transform:translateY(-2px)}.oauth-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.apple-btn:hover{border-color:#ffffff4d}.google-btn:hover{border-color:#4285f4}.dev-section{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border-hover);text-align:center}.dev-note{font-size:var(--font-xs);color:#ffa500cc;margin-bottom:var(--space-xs);line-height:var(--leading-normal)}.btn-dev{background:#ffa5001a;border:1px solid rgba(255,165,0,.3);color:orange;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-xs);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);line-height:var(--leading-snug)}.btn-dev:hover{background:#ffa50026;border-color:orange}.btn-dev:focus{outline:2px solid #ffa500;outline-offset:2px}@media (max-width: 768px){.confirm-email-page{padding:var(--space-sm)}.confirm-email-container{padding:var(--space-xl) var(--space-lg);max-width:100%}.confirm-email-title{font-size:var(--font-3xl)}.email-icon{font-size:var(--font-4xl)}.confirm-email-actions{flex-direction:column}.email-display{flex-direction:column;gap:var(--space-sm)}.oauth-buttons{flex-direction:column}.oauth-btn{justify-content:center}.journey-steps,.step-item{gap:var(--space-sm)}.step-number{width:28px;height:28px;font-size:var(--font-xs)}.floating-symbol{font-size:var(--font-xl)}}@media (max-width: 480px){.confirm-email-container{padding:var(--space-lg) var(--space-md)}.confirm-email-title{font-size:var(--font-2xl)}.email-icon{font-size:var(--font-3xl)}.user-journey-preview,.confirm-email-tips{padding:var(--space-md)}.step-content h4{font-size:var(--font-sm)}.step-content p{font-size:var(--font-xs)}.floating-symbol{font-size:var(--font-lg)}}@media (prefers-reduced-motion: reduce){.email-icon,.floating-symbol,.gradient-orbs,.loading-spinner{animation:none}.btn-primary:hover,.btn-secondary:hover,.change-email-btn:hover,.oauth-btn:hover{transform:none}}@media (prefers-contrast: high){.confirm-email-container,.user-journey-preview,.confirm-email-tips,.btn,.oauth-btn,.change-email-btn{border-width:2px}}.app-footer{position:relative;margin-top:40px;background:#0a0a0a;color:#e0e0e0;overflow:hidden}.footer-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.footer-gradient{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(102,126,234,.05) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(118,75,162,.05) 0%,transparent 50%)}.footer-content{position:relative;z-index:1}.footer-container{max-width:1200px;margin:0 auto;padding:20px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:0;margin-bottom:0}.footer-brand{flex-shrink:0;display:flex;align-items:center;gap:16px}.footer-logo-section{display:flex;flex-direction:column;align-items:flex-start}.footer-logo{font-size:20px;font-weight:300;letter-spacing:-1px;margin:0;color:#fff;line-height:1}.footer-logo .gradient-text{font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline{font-size:10px;color:#999;margin:2px 0 0;font-style:italic}.footer-symbols{display:flex;gap:8px}.footer-symbols .symbol{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-size:12px;color:#667eea;transition:all .3s ease}.footer-nav{display:flex;gap:32px;align-items:center}.footer-section{margin:0}.footer-section h3{font-size:11px;font-weight:600;color:#999;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.footer-links{list-style:none;padding:0;margin:0;display:flex;gap:16px}.footer-links li{margin:0}.footer-links a{color:#ffffffb3;text-decoration:none;font-size:13px;transition:color .3s ease}.footer-links a:hover{color:#667eea}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.footer-social{display:flex;gap:8px;margin:0}.footer-social a{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#999;transition:all .3s ease}.footer-social a:hover{color:#667eea;border-color:#667eea4d}.footer-social a svg{width:14px;height:14px}.footer-legal{display:flex;align-items:center;gap:12px}.copyright{font-size:12px;color:#666;margin:0;white-space:nowrap}.legal-links{display:flex;align-items:center;gap:8px}.legal-links a{color:#666;text-decoration:none;font-size:12px;transition:color .3s ease}.legal-links a:hover{color:#999}.legal-links .separator{color:#444;font-size:10px}.footer-middle,.footer-badges,.footer-generation,.footer-bottom,.footer-all-links{display:none}@media (max-width: 768px){.app-footer{margin-top:20px;margin-bottom:80px}.footer-container{padding:12px 16px}.footer-top{flex-direction:column;gap:12px;text-align:center}.footer-brand{flex-direction:row;justify-content:center;align-items:center;gap:8px}.footer-logo-section{align-items:center}.footer-logo{font-size:18px}.footer-tagline{font-size:9px;margin-top:1px}.footer-symbols{gap:6px}.footer-symbols .symbol{width:20px;height:20px;font-size:10px}.footer-nav{display:none}.footer-all-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:8px 0}.footer-all-links a{font-size:13px;color:#ffffffb3;text-decoration:none;transition:color .3s ease;white-space:nowrap}.footer-all-links a:hover{color:#667eea}.footer-all-links .separator{color:#444;font-size:10px;margin:0 -4px}.footer-right{align-items:center;gap:8px}.footer-social{gap:8px;margin:0}.footer-social a{width:28px;height:28px}.footer-legal{gap:0;text-align:center}.copyright{font-size:11px;margin:0}.footer-right .legal-links{display:none}}@media (max-width: 375px){.footer-container{padding:12px}.footer-top{gap:12px}.footer-logo{font-size:16px}.footer-nav{display:none}.footer-social{gap:8px}.footer-social a{width:28px;height:28px}.legal-links{display:none}}.terms-page{min-height:100vh;background:var(--color-bg-primary);position:relative;padding:var(--space-4xl) 0;overflow-x:hidden}.terms-background-gradient{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 25% 25%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(74,222,128,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(240,147,251,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.terms-particles-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.terms-particle{position:absolute;width:3px;height:3px;background:var(--color-primary);border-radius:var(--radius-full);opacity:.3;animation:termsFloat 25s infinite linear}.terms-particle:nth-child(2n){background:var(--color-secondary);animation-duration:30s;width:2px;height:2px;opacity:.25}.terms-particle:nth-child(3n){background:var(--color-tertiary);animation-duration:35s;width:1px;height:1px;opacity:.2}@keyframes termsFloat{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.terms-container{position:relative;z-index:1;max-width:var(--container-lg);margin:0 auto;padding:0 var(--space-lg)}.terms-header{text-align:center;margin-bottom:var(--space-3xl)}.terms-user-type-indicator{display:inline-flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);margin-bottom:var(--space-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.terms-user-symbol{font-size:var(--font-xl);font-weight:var(--font-weight-extrabold);width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--color-surface-active);border:2px solid rgba(255,255,255,.1)}.terms-user-info{display:flex;flex-direction:column;gap:var(--space-xs);text-align:left}.terms-user-type-label{font-size:var(--font-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.terms-user-type-text{font-size:var(--font-sm);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.terms-title{font-size:var(--font-5xl);font-weight:var(--font-weight-light);color:var(--color-text-primary);margin-bottom:var(--space-md);line-height:var(--leading-tight);letter-spacing:-.02em}.terms-gradient-text{font-weight:var(--font-weight-extrabold);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.terms-subtitle{font-size:var(--font-xl);color:var(--color-text-secondary);margin-bottom:var(--space-lg);line-height:var(--leading-normal)}.terms-meta{display:flex;justify-content:center;align-items:center;gap:var(--space-md);font-size:var(--font-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.terms-separator{color:var(--color-text-disabled)}.terms-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-2xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-glass)}.terms-section{margin-bottom:var(--space-2xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--color-border)}.terms-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.terms-section-title{display:flex;align-items:center;gap:var(--space-md);font-size:var(--font-3xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-lg);line-height:var(--leading-tight)}.terms-section-icon{font-size:var(--font-2xl);font-weight:var(--font-weight-extrabold);width:50px;height:50px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-text-primary);flex-shrink:0;box-shadow:0 4px 12px #667eea4d}.terms-section-number{width:50px;height:50px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);display:flex;align-items:center;justify-content:center;font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);flex-shrink:0;box-shadow:0 4px 12px #667eea4d}.terms-subsection-title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:var(--space-lg) 0 var(--space-md) 0}.terms-subsection-title.terms-do-title{color:var(--color-secondary)}.terms-subsection-title.terms-dont-title{color:var(--color-danger)}.terms-section p{font-size:var(--font-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.terms-welcome-intro{font-size:var(--font-lg);color:var(--color-text-primary);font-weight:var(--font-weight-medium);text-align:center;margin-bottom:var(--space-lg)}.terms-list{margin:var(--space-md) 0;padding-left:var(--space-xl)}.terms-list li{font-size:var(--font-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.terms-do-list li{color:var(--color-secondary)}.terms-do-list li::marker{content:"✓ ";color:var(--color-secondary)}.terms-dont-list li{color:var(--color-danger)}.terms-dont-list li::marker{content:"✗ ";color:var(--color-danger)}.terms-feature-list{list-style:none;padding-left:0;margin-top:var(--space-md)}.terms-feature-list li{position:relative;padding-left:var(--space-lg);margin-bottom:var(--space-sm);color:var(--color-text-secondary)}.terms-feature-list li:before{content:"•";position:absolute;left:0;color:var(--color-primary);font-weight:var(--font-weight-bold)}.terms-highlight-box{background:linear-gradient(135deg,#667eea1a,#4ade800d);border:1px solid rgba(102,126,234,.2);border-radius:var(--radius-lg);padding:var(--space-xl);margin:var(--space-lg) 0;position:relative;overflow:hidden}.terms-highlight-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%)}.terms-highlight-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.terms-highlight-icon{font-size:var(--font-lg);font-weight:var(--font-weight-extrabold);width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-text-primary);flex-shrink:0}.terms-highlight-box h3{font-size:var(--font-xl);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin:0}.terms-highlight-box p{color:var(--color-text-primary);margin:0;font-weight:var(--font-weight-medium)}.terms-account-type-specific{margin-top:var(--space-lg)}.terms-account-type{background:var(--color-surface-hover);border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);padding:var(--space-xl);position:relative;overflow:hidden}.terms-account-type:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-secondary) 0%,var(--color-primary) 100%)}.terms-account-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.terms-account-icon{font-size:var(--font-lg);font-weight:var(--font-weight-extrabold);width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--color-secondary);color:var(--color-text-primary);flex-shrink:0}.terms-account-type h4{font-size:var(--font-xl);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin:0}.terms-guidelines-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin:var(--space-lg) 0}.terms-guideline{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;transition:all var(--transition-base) var(--transition-silk);position:relative;overflow:hidden}.terms-guideline:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);transform:scaleX(0);transition:transform var(--transition-base) ease;transform-origin:left}.terms-guideline:hover:before{transform:scaleX(1)}.terms-guideline:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.terms-guideline-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.terms-guideline-icon{font-size:var(--font-xl);font-weight:var(--font-weight-extrabold);width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-text-primary);box-shadow:0 4px 12px #667eea4d}.terms-guideline h3{font-size:var(--font-lg);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin:0}.terms-guideline p{font-size:var(--font-sm);color:var(--color-text-secondary);margin:0;line-height:var(--leading-normal)}.terms-rights-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.terms-rights-card{background:var(--color-surface-hover);border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);padding:var(--space-xl);position:relative;overflow:hidden}.terms-rights-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-secondary) 0%,var(--color-tertiary) 100%)}.terms-rights-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.terms-rights-icon{font-size:var(--font-lg);font-weight:var(--font-weight-extrabold);width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--color-secondary);color:var(--color-text-primary);flex-shrink:0}.terms-rights-card h3{font-size:var(--font-xl);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin:0}.terms-rights-list{list-style:none;padding-left:0;margin:0}.terms-rights-list li{position:relative;padding-left:var(--space-lg);margin-bottom:var(--space-sm);color:var(--color-text-secondary);font-size:var(--font-sm);line-height:var(--leading-normal)}.terms-rights-list li:before{content:"→";position:absolute;left:0;color:var(--color-secondary);font-weight:var(--font-weight-bold)}.terms-contact-section{background:linear-gradient(135deg,#667eea0d,#4ade8008);border-radius:var(--radius-lg);padding:var(--space-xl);margin-top:var(--space-lg);position:relative;overflow:hidden}.terms-contact-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%)}.terms-contact-info{margin-bottom:var(--space-xl)}.terms-contact-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.terms-contact-icon{font-size:var(--font-2xl);font-weight:var(--font-weight-extrabold);width:60px;height:60px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-text-primary);flex-shrink:0;box-shadow:0 6px 16px #667eea66}.terms-contact-company,.terms-contact-entity{font-size:var(--font-lg);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin:var(--space-xs) 0}.terms-contact-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.terms-contact-item{display:flex;flex-direction:column;gap:var(--space-xs)}.terms-contact-label{font-size:var(--font-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.terms-contact-item span:last-child{font-size:var(--font-base);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.terms-emergency-contact{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);padding:var(--space-lg);position:relative;overflow:hidden}.terms-emergency-contact:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-danger)}.terms-emergency-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.terms-emergency-icon{font-size:var(--font-lg);font-weight:var(--font-weight-extrabold);width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--color-danger);color:var(--color-text-primary);flex-shrink:0}.terms-emergency-contact h4{font-size:var(--font-lg);color:var(--color-danger);font-weight:var(--font-weight-semibold);margin:0}.terms-emergency-contact p{color:var(--color-text-primary);margin:0;font-weight:var(--font-weight-medium)}.terms-emergency-contact strong{color:var(--color-danger)}.terms-actions{display:flex;justify-content:center;gap:var(--space-lg);margin-top:var(--space-2xl);flex-wrap:wrap}.terms-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);font-size:var(--font-base);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-base) var(--transition-silk);cursor:pointer;border:none;position:relative;overflow:hidden;min-width:200px}.terms-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.terms-btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-text-primary);box-shadow:var(--shadow-lg)}.terms-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.terms-btn-primary:hover:before{left:100%}.terms-btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 24px #667eea66}.terms-btn-secondary{background:var(--color-surface-active);color:var(--color-text-secondary);border:1px solid var(--color-border-hover)}.terms-btn-secondary:hover{background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-border-active);transform:translateY(-2px);box-shadow:var(--shadow-md)}@keyframes termsRipple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(4);opacity:0}}@media (max-width: 768px){.terms-page{padding:var(--space-2xl) 0}.terms-container{padding:0 var(--space-md)}.terms-content{padding:var(--space-xl)}.terms-header{margin-bottom:var(--space-2xl)}.terms-user-type-indicator{flex-direction:column;text-align:center;gap:var(--space-sm)}.terms-user-info{align-items:center}.terms-title{font-size:var(--font-4xl)}.terms-subtitle{font-size:var(--font-lg)}.terms-meta{flex-direction:column;gap:var(--space-sm)}.terms-section{margin-bottom:var(--space-xl);padding-bottom:var(--space-xl)}.terms-section-title{font-size:var(--font-2xl);flex-wrap:wrap;gap:var(--space-sm)}.terms-section-icon,.terms-section-number{width:40px;height:40px;font-size:var(--font-lg)}.terms-subsection-title{font-size:var(--font-lg)}.terms-section p,.terms-list li{font-size:var(--font-sm)}.terms-welcome-intro{font-size:var(--font-base)}.terms-highlight-box{padding:var(--space-lg)}.terms-highlight-header{flex-direction:column;text-align:center;gap:var(--space-sm)}.terms-highlight-box h3{font-size:var(--font-lg)}.terms-account-type{padding:var(--space-lg)}.terms-account-header{flex-direction:column;text-align:center;gap:var(--space-sm)}.terms-guidelines-grid{grid-template-columns:1fr;gap:var(--space-md)}.terms-guideline{padding:var(--space-lg)}.terms-rights-section{grid-template-columns:1fr}.terms-rights-card,.terms-contact-section{padding:var(--space-lg)}.terms-contact-header{flex-direction:column;text-align:center;gap:var(--space-sm)}.terms-contact-details{grid-template-columns:1fr;gap:var(--space-sm)}.terms-emergency-contact{padding:var(--space-md)}.terms-emergency-header{flex-direction:column;text-align:center;gap:var(--space-sm)}.terms-actions{flex-direction:column;align-items:center;gap:var(--space-md)}.terms-btn{width:100%;max-width:300px;padding:var(--space-md) var(--space-lg);min-width:auto}}@media (max-width: 480px){.terms-container{padding:0 var(--space-sm)}.terms-content{padding:var(--space-lg)}.terms-title{font-size:var(--font-3xl)}.terms-subtitle{font-size:var(--font-base)}.terms-section-title{font-size:var(--font-xl);flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.terms-section-icon,.terms-section-number{width:36px;height:36px;font-size:var(--font-base)}.terms-subsection-title{font-size:var(--font-base)}.terms-section p,.terms-list li{font-size:var(--font-sm)}.terms-highlight-box,.terms-account-type,.terms-guideline,.terms-rights-card,.terms-contact-section,.terms-emergency-contact{padding:var(--space-md)}.terms-contact-icon{width:48px;height:48px;font-size:var(--font-xl)}.terms-user-symbol{width:32px;height:32px;font-size:var(--font-base)}}@media (prefers-reduced-motion: reduce){.terms-particle{animation:none}.terms-guideline:before,.terms-btn-primary:before{transition:none}.terms-guideline:hover,.terms-btn:hover{transform:none}}@media (prefers-contrast: high){.terms-content,.terms-highlight-box,.terms-account-type,.terms-guideline,.terms-rights-card,.terms-contact-section,.terms-emergency-contact,.terms-btn{border-width:2px}}:root{--color-primary: #667eea;--color-primary-dark: #764ba2;--color-secondary: #4ade80;--color-tertiary: #f093fb;--color-accent: #45B7D1;--color-danger: #ef4444;--color-warning: #f59e0b;--color-success: #4ade80;--color-info: #3b82f6;--color-bg-primary: #000000;--color-bg-secondary: #0a0a0a;--color-bg-tertiary: #1a1a1a;--color-surface: rgba(255, 255, 255, .03);--color-surface-hover: rgba(255, 255, 255, .05);--color-surface-active: rgba(255, 255, 255, .08);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-muted: rgba(255, 255, 255, .6);--color-text-disabled: rgba(255, 255, 255, .4);--color-border: rgba(255, 255, 255, .05);--color-border-hover: rgba(255, 255, 255, .1);--color-border-active: rgba(255, 255, 255, .2);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 5rem;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-5xl: 3rem;--font-6xl: 3.75rem;--font-7xl: 4.5rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .3), 0 4px 16px rgba(255, 255, 255, .1) inset;--shadow-crystal: 0 20px 40px rgba(0, 0, 0, .4), 0 8px 16px rgba(255, 255, 255, .1) inset;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-silk: cubic-bezier(.4, 0, .2, 1);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px;--z-negative: -1;--z-base: 0;--z-dropdown: 10;--z-modal: 50;--z-overlay: 100}.privacy-page{min-height:100vh;position:relative;background:var(--color-bg-primary);color:var(--color-text-primary);padding-top:var(--space-4xl);padding-bottom:var(--space-4xl);overflow-x:hidden}.privacy-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-negative);pointer-events:none}.privacy-gradient-mesh{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,rgba(102,126,234,.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(74,222,128,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(118,75,162,.05) 0%,transparent 50%);animation:privacy-meshRotate 30s ease-in-out infinite}@keyframes privacy-meshRotate{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}.privacy-floating-symbols{position:absolute;top:0;right:0;bottom:0;left:0}.privacy-symbol{position:absolute;font-size:var(--font-xl);color:#667eea33;animation:privacy-floatSymbol 20s ease-in-out infinite;font-weight:var(--font-weight-bold)}@keyframes privacy-floatSymbol{0%,to{transform:translateY(0) rotate(0);opacity:.2}25%{transform:translateY(-20px) rotate(90deg);opacity:.3}50%{transform:translateY(-10px) rotate(180deg);opacity:.2}75%{transform:translateY(-30px) rotate(270deg);opacity:.4}}.privacy-symbol-1{top:10%;left:10%;animation-delay:0s}.privacy-symbol-2{top:20%;right:15%;animation-delay:5s}.privacy-symbol-3{bottom:30%;left:20%;animation-delay:10s}.privacy-container{position:relative;z-index:var(--z-base);max-width:var(--container-lg);margin:0 auto;padding:0 var(--space-lg)}.privacy-header{text-align:center;margin-bottom:var(--space-4xl)}.privacy-user-type-indicator{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-sm) var(--space-lg);margin-bottom:var(--space-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.privacy-user-icon{font-size:var(--font-lg)}.privacy-user-type-text{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.privacy-title{font-size:clamp(var(--font-4xl),8vw,var(--font-6xl));font-weight:var(--font-weight-light);letter-spacing:-2px;margin:0 0 var(--space-md) 0;line-height:var(--leading-tight)}.privacy-gradient-text{font-weight:var(--font-weight-semibold);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.privacy-subtitle{font-size:var(--font-lg);color:var(--color-text-muted);margin:0 0 var(--space-lg) 0;line-height:var(--leading-relaxed)}.privacy-meta{display:flex;justify-content:center;align-items:center;gap:var(--space-md);font-size:var(--font-sm);color:var(--color-text-muted);flex-wrap:wrap}.privacy-separator{color:var(--color-border-active)}.privacy-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-3xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-glass);position:relative;overflow:hidden}.privacy-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.privacy-section{margin-bottom:var(--space-3xl);padding-bottom:var(--space-3xl);border-bottom:1px solid var(--color-border)}.privacy-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.privacy-section h2{font-size:var(--font-3xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-xl) 0;line-height:var(--leading-tight)}.privacy-section h3{font-size:var(--font-xl);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:var(--space-xl) 0 var(--space-md) 0;line-height:var(--leading-snug)}.privacy-section h4{font-size:var(--font-base);font-weight:var(--font-weight-medium);color:var(--color-primary);margin:0 0 var(--space-xs) 0;line-height:var(--leading-snug)}.privacy-section p{font-size:var(--font-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0 0 var(--space-md) 0}.privacy-section ul{margin:0 0 var(--space-md) 0;padding-left:var(--space-lg)}.privacy-section li{font-size:var(--font-sm);line-height:var(--leading-relaxed);color:var(--color-text-muted);margin-bottom:var(--space-xs)}.privacy-highlight-box{background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:var(--radius-lg);padding:var(--space-xl);margin:var(--space-xl) 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.privacy-highlight-box h3{font-size:var(--font-lg);color:var(--color-primary);margin:0 0 var(--space-sm) 0;display:flex;align-items:center;gap:var(--space-sm)}.privacy-highlight-box p{color:var(--color-text-primary);margin:0}.privacy-highlight-box p:not(:last-child){margin-bottom:var(--space-md)}.privacy-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-lg);margin:var(--space-xl) 0}.privacy-info-type{background:var(--color-surface-hover);border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);padding:var(--space-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base) var(--transition-silk)}.privacy-info-type:hover{background:var(--color-surface-active);border-color:var(--color-border-active);transform:translateY(-2px);box-shadow:var(--shadow-md)}.privacy-info-type h4{color:var(--color-secondary);margin-top:0;margin-bottom:var(--space-md)}.privacy-info-type ul{margin:0;padding-left:var(--space-lg)}.privacy-info-type li{font-size:var(--font-sm);color:var(--color-text-secondary)}.privacy-use-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin:var(--space-xl) 0}.privacy-use-case{text-align:center;padding:var(--space-xl);background:var(--color-surface-hover);border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);transition:all var(--transition-base) var(--transition-silk);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.privacy-use-case:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg);background:var(--color-surface-active)}.privacy-use-icon{font-size:var(--font-3xl);margin-bottom:var(--space-sm);display:block}.privacy-use-case h4{font-size:var(--font-base);margin:0 0 var(--space-xs) 0;color:var(--color-text-primary)}.privacy-use-case p{font-size:var(--font-sm);color:var(--color-text-muted);margin:0;line-height:var(--leading-relaxed)}.privacy-never-list{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-lg) var(--space-sm) var(--space-2xl);margin:var(--space-md) 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.privacy-never-list li{color:var(--color-danger);font-weight:var(--font-weight-medium);font-size:var(--font-sm);line-height:var(--leading-relaxed)}.privacy-never-list li::marker{content:"✗ ";font-size:var(--font-lg)}.privacy-sharing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin:var(--space-xl) 0}.privacy-sharing-type{background:var(--color-surface-hover);border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);padding:var(--space-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base) var(--transition-silk)}.privacy-sharing-type:hover{background:var(--color-surface-active);border-color:var(--color-border-active);transform:translateY(-2px);box-shadow:var(--shadow-md)}.privacy-sharing-type h4{margin-top:0;margin-bottom:var(--space-md);color:var(--color-text-primary)}.privacy-sharing-type ul{margin:0;padding-left:var(--space-lg)}.privacy-sharing-type li{font-size:var(--font-sm);color:var(--color-text-secondary)}.privacy-parental-rights{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin:var(--space-xl) 0}.privacy-right-item{background:#4ade800d;border:1px solid rgba(74,222,128,.2);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base) var(--transition-silk)}.privacy-right-item:hover{background:#4ade801a;border-color:#4ade804d;transform:translateY(-2px);box-shadow:var(--shadow-md)}.privacy-right-item h4{color:var(--color-success);margin:0 0 var(--space-xs) 0}.privacy-right-item p{font-size:var(--font-sm);margin:0;color:var(--color-text-secondary)}.privacy-contact-parents{text-align:center;font-size:var(--font-base);padding:var(--space-md);background:#667eea1a;border-radius:var(--radius-lg);margin-top:var(--space-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.privacy-contact-parents p{margin:0;color:var(--color-text-primary)}.privacy-security-measures{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-lg);margin:var(--space-xl) 0}.privacy-security-item{text-align:center;padding:var(--space-lg);background:var(--color-surface-hover);border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);transition:all var(--transition-base) var(--transition-silk);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.privacy-security-item:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg);background:var(--color-surface-active)}.privacy-security-icon{font-size:var(--font-3xl);display:block;margin-bottom:var(--space-sm)}.privacy-security-item h4{font-size:var(--font-sm);margin:0 0 var(--space-xs) 0;color:var(--color-text-primary)}.privacy-security-item p{font-size:var(--font-xs);color:var(--color-text-muted);margin:0;line-height:var(--leading-relaxed)}.privacy-retention-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin:var(--space-xl) 0}.privacy-retention-item{background:var(--color-surface-hover);border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base) var(--transition-silk)}.privacy-retention-item:hover{background:var(--color-surface-active);border-color:var(--color-border-active);transform:translateY(-2px);box-shadow:var(--shadow-md)}.privacy-retention-item h4{margin:0 0 var(--space-xs) 0;color:var(--color-text-primary)}.privacy-retention-item p{font-size:var(--font-sm);margin:0;color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.privacy-contact-section{background:#667eea0d;border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.2)}.privacy-contact-info h3{color:var(--color-text-primary);margin:0 0 var(--space-xl) 0}.privacy-contact-info p{margin:var(--space-xs) 0;color:var(--color-text-secondary)}.privacy-contact-info strong{color:var(--color-text-primary)}.privacy-dpo-info{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.privacy-dpo-info h4{color:var(--color-primary);margin:0 0 var(--space-xs) 0}.privacy-parent-contact{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.privacy-parent-contact h4{color:var(--color-success);margin:0 0 var(--space-sm) 0;display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.privacy-actions{display:flex;justify-content:center;gap:var(--space-md);margin-top:var(--space-3xl)}.privacy-btn{padding:var(--space-lg) var(--space-2xl);border-radius:var(--radius-full);font-size:var(--font-base);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-base) var(--transition-silk);display:inline-flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;border:none;min-height:56px;position:relative;overflow:hidden}.privacy-btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-text-primary);box-shadow:var(--shadow-md)}.privacy-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .4s}.privacy-btn-primary:hover:not(:disabled):before{left:100%}.privacy-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea4d}.privacy-btn-secondary{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.privacy-btn-secondary:hover{background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.privacy-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes privacy-ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(4);opacity:0}}@media (max-width: 768px){.privacy-page{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}.privacy-container{padding:0 var(--space-md)}.privacy-content{padding:var(--space-xl)}.privacy-title{font-size:var(--font-4xl)}.privacy-section{margin-bottom:var(--space-2xl);padding-bottom:var(--space-2xl)}.privacy-section h2{font-size:var(--font-2xl)}.privacy-section h3{font-size:var(--font-lg)}.privacy-highlight-box{padding:var(--space-lg)}.privacy-info-grid,.privacy-sharing-grid,.privacy-parental-rights,.privacy-security-measures,.privacy-retention-grid,.privacy-use-cases{grid-template-columns:1fr;gap:var(--space-md)}.privacy-use-case{padding:var(--space-lg)}.privacy-actions{flex-direction:column;align-items:center}.privacy-btn{width:100%;max-width:300px}.privacy-meta{flex-direction:column;gap:var(--space-xs)}.privacy-contact-section{padding:var(--space-xl)}}@media (max-width: 480px){.privacy-container{padding:0 var(--space-sm)}.privacy-content{padding:var(--space-lg)}.privacy-title{font-size:var(--font-3xl)}.privacy-user-type-indicator{padding:var(--space-xs) var(--space-md);font-size:var(--font-xs)}.privacy-highlight-box,.privacy-info-type,.privacy-sharing-type,.privacy-right-item,.privacy-security-item,.privacy-retention-item,.privacy-use-case{padding:var(--space-md)}.privacy-contact-section{padding:var(--space-lg)}}@media (prefers-reduced-motion: reduce){.privacy-symbol,.privacy-gradient-mesh{animation:none}.privacy-use-case:hover,.privacy-security-item:hover,.privacy-btn:hover{transform:none}.privacy-btn-primary:before{transition:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.privacy-content,.privacy-info-type,.privacy-sharing-type,.privacy-btn{border-width:2px}.privacy-btn:focus{outline-width:3px}}:root{--color-primary: #667eea;--color-primary-dark: #764ba2;--color-secondary: #4ade80;--color-tertiary: #f093fb;--color-accent: #45B7D1;--color-danger: #ef4444;--color-warning: #f59e0b;--color-success: #4ade80;--color-info: #3b82f6;--color-bg-primary: #000000;--color-bg-secondary: #0a0a0a;--color-bg-tertiary: #1a1a1a;--color-surface: rgba(255, 255, 255, .03);--color-surface-hover: rgba(255, 255, 255, .05);--color-surface-active: rgba(255, 255, 255, .08);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-muted: rgba(255, 255, 255, .6);--color-text-disabled: rgba(255, 255, 255, .4);--color-border: rgba(255, 255, 255, .05);--color-border-hover: rgba(255, 255, 255, .1);--color-border-active: rgba(255, 255, 255, .2);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 5rem;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-5xl: 3rem;--font-6xl: 3.75rem;--font-7xl: 4.5rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .3), 0 4px 16px rgba(255, 255, 255, .1) inset;--shadow-crystal: 0 20px 40px rgba(0, 0, 0, .4), 0 8px 16px rgba(255, 255, 255, .1) inset;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-silk: cubic-bezier(.4, 0, .2, 1);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px}.about-page{min-height:100vh;position:relative;background:var(--color-bg-primary);color:var(--color-text-secondary);overflow:hidden}.about-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0}.gradient-mesh{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(74,222,128,.1) 0%,transparent 50%);opacity:.5}.floating-symbols{position:absolute;width:100%;height:100%;overflow:hidden}.floating-symbols .symbol{position:absolute;font-size:var(--font-4xl);opacity:.03;animation:float 20s ease-in-out infinite}.symbol-1{top:10%;left:10%;animation-delay:0s}.symbol-2{top:20%;right:15%;animation-delay:5s}.symbol-3{bottom:30%;left:20%;animation-delay:10s}.symbol-4{bottom:10%;right:10%;animation-delay:15s}.about-container{position:relative;z-index:1;padding-top:var(--space-4xl);padding-bottom:var(--space-4xl)}.section{max-width:var(--container-xl);margin:0 auto var(--space-3xl);padding:0 var(--space-lg)}.glass-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base) var(--transition-silk)}.glass-card:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-glass)}.glass-card-lg{padding:var(--space-2xl)}.glass-card-md{padding:var(--space-xl)}.section-title{font-size:var(--font-4xl);font-weight:var(--font-weight-semibold);text-align:center;margin:0 0 var(--space-2xl) 0;color:var(--color-text-primary);line-height:var(--leading-tight)}.section-subtitle{font-size:var(--font-lg);color:var(--color-text-muted);text-align:center;margin:calc(var(--space-xl) * -1) 0 var(--space-2xl) 0;line-height:var(--leading-normal)}.about-hero{text-align:center;max-width:var(--container-md);margin:0 auto var(--space-4xl);padding:0 var(--space-lg)}.about-title{font-size:var(--font-7xl);font-weight:var(--font-weight-light);letter-spacing:-3px;margin:0 0 var(--space-md) 0;animation:fadeInUp .8s ease-out;line-height:var(--leading-tight)}.gradient-text{font-weight:var(--font-weight-semibold);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 50%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-subtitle{font-size:var(--font-xl);color:var(--color-text-muted);margin:0;animation:fadeInUp .8s ease-out .1s both}.mission-content{text-align:center}.mission-statement{font-size:var(--font-2xl);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0 0 var(--space-2xl) 0;font-weight:var(--font-weight-light)}.mission-highlight{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.3);border-radius:var(--radius-xl);padding:var(--space-xl);text-align:center;margin-top:var(--space-xl)}.mission-highlight p{font-size:var(--font-xl);line-height:var(--leading-relaxed);color:var(--color-text-primary);font-style:italic;margin:0 0 var(--space-md) 0}.mission-highlight p:last-child{margin-bottom:0}.story-content{display:grid;gap:var(--space-xl)}.story-block h3{font-size:var(--font-2xl);color:var(--color-primary);margin:0 0 var(--space-md) 0;font-weight:var(--font-weight-semibold)}.story-block p{font-size:var(--font-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0 0 var(--space-md) 0}.story-block p:last-child{margin-bottom:0}.founder-content{text-align:center}.founder-name{font-size:var(--font-3xl);color:var(--color-text-primary);margin:0 0 var(--space-sm) 0;font-weight:var(--font-weight-semibold)}.founder-title{font-size:var(--font-lg);color:var(--color-secondary);margin:0 0 var(--space-xs) 0;font-weight:var(--font-weight-medium)}.founder-companies{font-size:var(--font-base);color:var(--color-text-muted);margin:0 0 var(--space-lg) 0}.founder-bio{font-size:var(--font-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0 0 var(--space-lg) 0}.founder-commitment{background:linear-gradient(135deg,#667eea1a,#4ade801a);border:1px solid rgba(102,126,234,.3);border-radius:var(--radius-lg);padding:var(--space-lg)}.founder-commitment p{font-size:var(--font-lg);line-height:var(--leading-relaxed);color:var(--color-text-primary);font-style:italic;margin:0}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl)}.value-card{text-align:center;transition:all var(--transition-base) var(--transition-silk)}.value-card:hover{border-color:#667eea4d;transform:translateY(-4px);box-shadow:0 8px 32px #667eea33}.value-symbol{font-size:var(--font-5xl);color:var(--color-primary);margin-bottom:var(--space-md);display:block}.value-title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-sm) 0}.value-description{font-size:var(--font-sm);line-height:var(--leading-relaxed);color:var(--color-text-muted);margin:0}.support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl);margin-bottom:var(--space-xl)}.support-card{text-align:center;transition:all var(--transition-base) var(--transition-silk)}.support-card:hover{border-color:#4ade804d;transform:translateY(-4px);box-shadow:0 8px 32px #4ade8033}.support-icon{font-size:var(--font-5xl);color:var(--color-secondary);margin-bottom:var(--space-md);display:block}.support-title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-sm) 0}.support-description{font-size:var(--font-sm);line-height:var(--leading-relaxed);color:var(--color-text-muted);margin:0}.ecosystem-cta{text-align:center;padding:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-lg)}.ecosystem-cta p{font-size:var(--font-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0}.timeline{position:relative;max-width:var(--container-md);margin:0 auto}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent 0%,rgba(102,126,234,.3) 10%,rgba(102,126,234,.3) 90%,transparent 100%);transform:translate(-50%)}.timeline-item{position:relative;padding:0 0 var(--space-2xl) 0;display:flex;align-items:flex-start;gap:var(--space-xl)}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-marker{flex-shrink:0;width:80px;height:80px;background:var(--color-surface);border:2px solid rgba(102,126,234,.5);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;position:relative}.timeline-icon{font-size:var(--font-xl);color:var(--color-primary)}.timeline-content{flex:1}.timeline-year{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin:0 0 var(--space-sm) 0}.timeline-event{font-size:var(--font-base);color:var(--color-text-secondary);margin:0;line-height:var(--leading-relaxed)}.impact-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl)}.impact-vision{text-align:left}.impact-vision h3{font-size:var(--font-2xl);color:var(--color-text-primary);margin:0 0 var(--space-lg) 0;font-weight:var(--font-weight-semibold)}.vision-list{list-style:none;padding:0;margin:0}.vision-list li{font-size:var(--font-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0 0 var(--space-md) 0;padding-left:var(--space-lg);position:relative}.vision-list li:before{content:"•";color:var(--color-secondary);font-size:var(--font-xl);position:absolute;left:0;top:0}.impact-statement{display:flex;align-items:center;text-align:center}.impact-statement p{font-size:var(--font-lg);line-height:var(--leading-relaxed);color:var(--color-text-primary);margin:0}.btn{padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-full);font-size:var(--font-base);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-base) var(--transition-silk);display:inline-block;text-align:center;cursor:pointer;border:none;line-height:var(--leading-snug)}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea4d}.btn-secondary{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-border-hover)}.join-section{text-align:center}.join-text{font-size:var(--font-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0 0 var(--space-xl) 0}.join-actions{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.contact-cta{background:#667eea0d;border:1px solid rgba(102,126,234,.2);text-align:center}.cta-content h3{font-size:var(--font-3xl);color:var(--color-text-primary);margin:0 0 var(--space-sm) 0;font-weight:var(--font-weight-semibold)}.cta-content p{font-size:var(--font-base);color:var(--color-text-muted);margin:0 0 var(--space-xl) 0}.contact-links{display:flex;justify-content:center;gap:var(--space-xl);flex-wrap:wrap}.contact-link{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-primary);text-decoration:none;font-size:var(--font-base);transition:all var(--transition-base) var(--transition-silk)}.contact-link:hover{color:var(--color-secondary);transform:translateY(-2px)}.link-icon{font-size:var(--font-xl)}@media (max-width: 768px){.section{padding:0 var(--space-md)}.glass-card-lg{padding:var(--space-xl)}.glass-card-md{padding:var(--space-lg)}.about-title{font-size:var(--font-5xl)}.about-subtitle{font-size:var(--font-lg)}.section-title{font-size:var(--font-3xl)}.section-subtitle{font-size:var(--font-base)}.mission-statement{font-size:var(--font-xl)}.mission-highlight p{font-size:var(--font-lg)}.timeline:before{left:30px}.timeline-item,.timeline-item:nth-child(2n){flex-direction:row;padding-left:60px}.join-actions{flex-direction:column;align-items:center}}@media (max-width: 568px){.values-grid,.support-grid{grid-template-columns:1fr}.contact-links{flex-direction:column;gap:var(--space-md)}}.how-it-works-page{min-height:100vh;background:var(--color-bg-primary);position:relative;overflow-x:hidden;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif}.page-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none}.gradient-mesh{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(74,222,128,.1) 0%,transparent 50%);animation:gradientShift 20s ease-in-out infinite}@keyframes gradientShift{0%,to{opacity:1}50%{opacity:.8}}.floating-symbols{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.symbol{position:absolute;font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:#ffffff1a;animation:floatUp linear infinite;pointer-events:none}.symbol-1{left:10%;animation-duration:25s;animation-delay:0s}.symbol-2{left:30%;animation-duration:20s;animation-delay:5s}.symbol-3{left:70%;animation-duration:30s;animation-delay:10s}.symbol-4{left:90%;animation-duration:22s;animation-delay:15s}@keyframes floatUp{0%{bottom:-100px;opacity:0;transform:translate(-50px) rotate(0)}10%{opacity:1}90%{opacity:1}to{bottom:100vh;opacity:0;transform:translate(50px) rotate(360deg)}}.page-container{position:relative;z-index:10;max-width:var(--container-2xl);margin:0 auto;padding:var(--space-2xl) var(--space-lg)}@keyframes howitworks-ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.hero-section{text-align:center;margin-bottom:var(--space-4xl);padding:var(--space-4xl) 0}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:var(--font-6xl);font-weight:var(--font-weight-bold);line-height:var(--leading-tight);margin-bottom:var(--space-lg);color:var(--color-text-primary)}.gradient-text{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-tertiary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--font-xl);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:600px;margin:0 auto}.journey-selection{margin-bottom:var(--space-4xl)}.selection-header{text-align:center;margin-bottom:var(--space-3xl)}.selection-title{font-size:var(--font-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);color:var(--color-text-primary)}.selection-subtitle{font-size:var(--font-lg);color:var(--color-text-secondary);margin:0;line-height:var(--leading-relaxed)}.journeys-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-xl);margin-top:var(--space-2xl)}.journey-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden;animation:fadeInUp .6s ease-out both;outline:none}.journey-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--journey-color, --color-primary),transparent);opacity:0;transition:opacity var(--transition-base);z-index:-1}.journey-card:hover,.journey-card:focus{transform:translateY(-8px);box-shadow:var(--shadow-crystal);border-color:var(--color-border-hover)}.journey-card:hover:before,.journey-card:focus:before{opacity:.05}.journey-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-lg)}.journey-icon{width:60px;height:60px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);flex-shrink:0;box-shadow:var(--shadow-glass)}.journey-title-section{flex:1}.journey-title{font-size:var(--font-2xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-xs) 0;color:var(--color-text-primary)}.journey-subtitle{font-size:var(--font-sm);color:var(--color-text-muted);margin:0;line-height:var(--leading-snug)}.journey-description{font-size:var(--font-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-lg) 0}.journey-services{margin-bottom:var(--space-xl)}.journey-services h4{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-md) 0;text-transform:uppercase;letter-spacing:.05em}.service-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.service-tag{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-xs) var(--space-sm);font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.journey-button{width:100%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border:none;border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);color:var(--color-text-primary);font-size:var(--font-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);position:relative;overflow:hidden}.journey-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.button-arrow{transition:transform var(--transition-base)}.service-connections{margin-bottom:var(--space-4xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.how-it-works-page:not(.services-view) .service-flow-overview{display:none}.connections-header{text-align:center;margin-bottom:var(--space-3xl)}.connections-title{font-size:var(--font-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);color:var(--color-text-primary)}.connections-subtitle{font-size:var(--font-lg);color:var(--color-text-secondary);margin:0;line-height:var(--leading-relaxed)}.connection-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl)}.connection-example{background:var(--color-surface-hover);border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);padding:var(--space-lg)}.connection-example h4{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-md) 0;color:var(--color-text-primary)}.flow-chain{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);font-size:var(--font-sm)}.flow-chain span:not(.flow-arrow){background:var(--color-primary);color:var(--color-text-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.flow-arrow{color:var(--color-text-muted);font-weight:var(--font-weight-bold);font-size:var(--font-lg)}.services-view .page-container{padding-top:var(--space-xl)}.services-header{margin-bottom:var(--space-3xl)}.back-button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);color:var(--color-text-secondary);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--space-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;gap:var(--space-sm)}.back-button:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary);transform:translate(-4px)}.services-hero{text-align:center;max-width:800px;margin:0 auto}.services-icon{width:80px;height:80px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 auto var(--space-lg);box-shadow:var(--shadow-crystal)}.services-title{font-size:var(--font-5xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);color:var(--color-text-primary);line-height:var(--leading-tight)}.services-subtitle{font-size:var(--font-xl);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.service-flow-overview{margin-bottom:var(--space-4xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.flow-title{font-size:var(--font-3xl);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--space-2xl);color:var(--color-text-primary)}.flow-diagram{display:flex;flex-direction:column;gap:var(--space-xl)}.flow-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.flow-service{background:var(--color-surface-hover);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);min-width:300px;max-width:400px;transition:all var(--transition-base)}.flow-service:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border-hover)}.flow-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);flex-shrink:0}.flow-name{font-size:var(--font-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.flow-connection{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);text-align:center;max-width:300px}.flow-connection .flow-arrow{font-size:var(--font-2xl);color:var(--color-text-muted);transform:rotate(90deg)}.flow-text{font-size:var(--font-sm);color:var(--color-text-muted);line-height:var(--leading-snug);font-style:italic}.services-cards{margin-bottom:var(--space-4xl)}.cards-title{font-size:var(--font-3xl);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--space-3xl);color:var(--color-text-primary)}.services-container{display:flex;flex-direction:column;gap:var(--space-lg)}.service-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-base);overflow:hidden;animation:slideInLeft .6s ease-out both}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.service-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg)}.service-card.expanded{border-color:var(--service-color, var(--color-primary));box-shadow:var(--shadow-crystal)}.service-card-header{padding:var(--space-lg);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all var(--transition-base);outline:none}.service-card-header:hover{background:var(--color-surface-hover)}.service-card-header:focus{background:var(--color-surface-hover);box-shadow:inset 0 0 0 2px var(--service-color, var(--color-primary))}.service-header-content{display:flex;align-items:center;gap:var(--space-lg);flex:1}.service-icon{width:50px;height:50px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);flex-shrink:0;box-shadow:var(--shadow-md)}.service-title-section{flex:1}.service-title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-xs) 0;color:var(--color-text-primary)}.service-short-desc{font-size:var(--font-sm);color:var(--color-text-secondary);margin:0;line-height:var(--leading-relaxed)}.service-expand-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--color-surface-hover);display:flex;align-items:center;justify-content:center;font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);transition:all var(--transition-base)}.service-card.expanded .service-expand-icon{background:var(--service-color, var(--color-primary));color:var(--color-text-primary);transform:rotate(180deg)}.service-card-content{padding:0 var(--space-lg) var(--space-lg);animation:expandContent .3s ease-out}@keyframes expandContent{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.service-description{margin-bottom:var(--space-xl)}.service-description h4{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-md) 0;color:var(--color-text-primary)}.service-description p{font-size:var(--font-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.service-features{margin-bottom:var(--space-xl)}.service-features h4{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-md) 0;color:var(--color-text-primary)}.features-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-sm)}.feature-item{display:flex;align-items:flex-start;gap:var(--space-sm);font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.feature-bullet{color:var(--service-color, var(--color-primary));font-weight:var(--font-weight-bold);font-size:var(--font-base);flex-shrink:0;margin-top:2px}.service-connection{background:var(--color-surface-hover);border:1px solid var(--color-border-hover);border-radius:var(--radius-md);padding:var(--space-lg)}.service-connection h4{font-size:var(--font-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-md) 0;color:var(--color-text-primary)}.connection-info{display:flex;flex-direction:column;gap:var(--space-sm)}.connection-target{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--service-color, var(--color-primary));background:rgba(var(--service-color, 102, 126, 234),.1);border:1px solid rgba(var(--service-color, 102, 126, 234),.2);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);display:inline-block;width:fit-content}.connection-explanation{font-size:var(--font-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin:0;font-style:italic}.service-action{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border-hover)}.btn-service-start{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-primary);box-shadow:var(--shadow-md);width:100%}.btn-service-start:hover,.btn-service-start:focus{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.services-cta{margin-bottom:var(--space-4xl)}.cta-content{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3xl);text-align:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden}.cta-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);z-index:-1}.cta-content h3{font-size:var(--font-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-md) 0;color:var(--color-text-primary)}.cta-content p{font-size:var(--font-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-2xl) 0;max-width:600px;margin-left:auto;margin-right:auto}.cta-actions{display:flex;gap:var(--space-lg);justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-size:var(--font-base);font-weight:var(--font-weight-medium);text-decoration:none;border:none;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;min-height:48px;outline:none;white-space:nowrap;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.journey-button{width:100%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border:none;border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);color:var(--color-text-primary);font-size:var(--font-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);position:relative;overflow:hidden;min-height:48px;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.journey-button:hover,.journey-button:focus{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.journey-button:active{transform:translateY(-1px);box-shadow:var(--shadow-md)}.button-arrow{transition:transform var(--transition-base);font-size:var(--font-lg)}.journey-button:hover .button-arrow{transform:translate(4px)}.back-button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);color:var(--color-text-secondary);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--space-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;gap:var(--space-sm);min-height:44px;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.back-button:hover,.back-button:focus{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary);transform:translate(-4px)}.back-button:active{transform:translate(-2px)}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-primary);box-shadow:var(--shadow-md)}.btn-primary:hover,.btn-primary:focus{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.btn-secondary:hover,.btn-secondary:focus{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width: 768px){.page-container{padding:var(--space-xl) var(--space-md)}.hero-title{font-size:var(--font-4xl)}.hero-subtitle{font-size:var(--font-lg)}.journeys-grid{grid-template-columns:1fr;gap:var(--space-lg)}.journey-card{padding:var(--space-lg)}.journey-header{flex-direction:column;text-align:center;gap:var(--space-md)}.journey-icon{width:50px;height:50px;font-size:var(--font-xl)}.connection-examples{grid-template-columns:1fr;gap:var(--space-lg)}.flow-chain{flex-direction:column;align-items:center;text-align:center}.flow-arrow{transform:rotate(90deg)}.services-title{font-size:var(--font-4xl)}.services-subtitle{font-size:var(--font-lg)}.flow-diagram{gap:var(--space-lg)}.flow-service{min-width:auto;max-width:none;width:100%}.service-card-header{padding:var(--space-md)}.service-header-content{gap:var(--space-md)}.service-icon{width:40px;height:40px;font-size:var(--font-lg)}.service-card-content{padding:0 var(--space-md) var(--space-md)}.cta-actions{flex-direction:column;align-items:center;gap:var(--space-md)}.btn{min-width:200px}}@media (max-width: 480px){.page-container{padding:var(--space-lg) var(--space-sm)}.hero-section{padding:var(--space-2xl) 0;margin-bottom:var(--space-2xl)}.hero-title{font-size:var(--font-3xl)}.hero-subtitle{font-size:var(--font-base)}.selection-title,.connections-title,.flow-title,.cards-title{font-size:var(--font-2xl)}.services-title{font-size:var(--font-3xl)}.services-subtitle{font-size:var(--font-base)}.journey-card,.service-connections,.service-flow-overview,.cta-content{padding:var(--space-lg)}.journey-header{gap:var(--space-sm)}.journey-icon,.services-icon{width:40px;height:40px;font-size:var(--font-lg)}.journey-title{font-size:var(--font-xl)}.service-tags{flex-direction:column;gap:var(--space-xs)}.service-tag{text-align:center}.flow-service{padding:var(--space-md);flex-direction:column;text-align:center;gap:var(--space-sm)}.flow-icon{width:32px;height:32px;font-size:var(--font-base)}.features-list{gap:var(--space-xs)}.btn{min-width:auto;width:100%;padding:var(--space-md) var(--space-lg);font-size:var(--font-base);min-height:52px}.journey-button{padding:var(--space-lg) var(--space-xl);font-size:var(--font-lg);min-height:56px}.back-button{padding:var(--space-md) var(--space-lg);font-size:var(--font-base);min-height:48px}.btn-service-start{min-height:52px;font-size:var(--font-base)}.cta-actions{flex-direction:column;align-items:stretch;gap:var(--space-md)}.cta-actions .btn{width:100%}}@media (max-width: 360px){.hero-title{font-size:var(--font-2xl)}.selection-title,.connections-title,.flow-title,.cards-title,.services-title{font-size:var(--font-xl)}.journey-title{font-size:var(--font-lg)}.journey-button{padding:var(--space-md) var(--space-lg);font-size:var(--font-base);min-height:52px}.service-card-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.service-expand-icon{align-self:flex-end}.btn{padding:var(--space-sm) var(--space-md);font-size:var(--font-sm);min-height:48px}.back-button{padding:var(--space-sm) var(--space-md);font-size:var(--font-sm);min-height:44px}.btn-service-start{min-height:48px;font-size:var(--font-sm)}}.journey-card:focus-visible,.service-card-header:focus-visible,.back-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.symbol,.journey-card,.service-card,.gradient-mesh{animation:none}.journey-card:hover,.service-card:hover,.btn:hover,.back-button:hover,.journey-button:hover .button-arrow{transform:none}.service-expand-icon{transition:none}.service-card.expanded .service-expand-icon{transform:none}@keyframes fadeInUp{0%,to{opacity:1;transform:none}}@keyframes slideInLeft{0%,to{opacity:1;transform:none}}@keyframes expandContent{0%,to{opacity:1;transform:none;max-height:none}}}@media (prefers-contrast: high){.journey-card,.service-card,.service-connections,.service-flow-overview,.cta-content{border-width:2px}.btn-primary{background:var(--color-primary)}.service-card.expanded{border-width:3px}}@media print{.page-background,.floating-symbols,.gradient-mesh{display:none!important}.journey-card,.service-card{break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid}.how-it-works-page{background:#fff!important;color:#000!important}.page-container{max-width:none!important;padding:1rem!important}.btn,.back-button{display:none!important}.hero-title,.selection-title,.connections-title,.flow-title,.cards-title,.services-title,.journey-title,.service-title{color:#000!important}}:root{--color-primary: #667eea;--color-primary-dark: #764ba2;--color-secondary: #4ade80;--color-tertiary: #f093fb;--color-accent: #45B7D1;--color-danger: #ef4444;--color-warning: #f59e0b;--color-success: #4ade80;--color-info: #3b82f6;--color-bg-primary: #000000;--color-bg-secondary: #0a0a0a;--color-bg-tertiary: #1a1a1a;--color-surface: rgba(255, 255, 255, .03);--color-surface-hover: rgba(255, 255, 255, .05);--color-surface-active: rgba(255, 255, 255, .08);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-muted: rgba(255, 255, 255, .6);--color-text-disabled: rgba(255, 255, 255, .4);--color-border: rgba(255, 255, 255, .05);--color-border-hover: rgba(255, 255, 255, .1);--color-border-active: rgba(255, 255, 255, .2);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 5rem;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-5xl: 3rem;--font-6xl: 3.75rem;--font-7xl: 4.5rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .3), 0 4px 16px rgba(255, 255, 255, .1) inset;--shadow-crystal: 0 20px 40px rgba(0, 0, 0, .4), 0 8px 16px rgba(255, 255, 255, .1) inset;--shadow-diamond: 0 25px 50px rgba(0, 0, 0, .5), 0 10px 20px rgba(255, 255, 255, .05) inset;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-silk: cubic-bezier(.4, 0, .2, 1);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px}.services-page{min-height:100vh;background:var(--color-bg-primary);position:relative;padding-top:var(--space-4xl);overflow-x:hidden;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif}.services-background-gradient{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(102,126,234,.04) 0%,transparent 40%),radial-gradient(circle at 70% 80%,rgba(74,222,128,.03) 0%,transparent 40%);pointer-events:none;z-index:0}.services-particles-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.services-particles-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden;opacity:.6}.services-particle{position:absolute;width:2px;height:2px;background:currentColor;border-radius:50%;animation:float-up 15s infinite linear;will-change:transform}@keyframes float-up{0%{transform:translateY(100vh);opacity:0}10%,90%{opacity:1}to{transform:translateY(-50px);opacity:0}}.services-container{max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-lg);position:relative;z-index:1}.services-hero{text-align:center;padding:var(--space-2xl) 0 var(--space-xl);margin-bottom:var(--space-2xl)}.services-hero-title{font-size:var(--font-5xl);font-weight:var(--font-weight-extrabold);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-lg);line-height:var(--leading-tight)}.services-hero-subtitle{font-size:var(--font-xl);color:var(--color-text-secondary);margin-bottom:var(--space-xl);max-width:700px;margin-left:auto;margin-right:auto;line-height:var(--leading-relaxed)}.services-hero-title.user-journey{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.services-hero-subtitle.user-journey{color:var(--color-secondary);font-weight:var(--font-weight-medium)}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-xl);margin-bottom:var(--space-4xl);align-items:start}.services-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:transform var(--transition-base) var(--transition-silk),box-shadow var(--transition-base) var(--transition-silk),border-color var(--transition-base) var(--transition-silk);position:relative;box-shadow:var(--shadow-md);opacity:1;display:flex;flex-direction:column;min-height:360px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);will-change:transform;contain:layout style}.services-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--service-color, var(--color-primary)) 0%,var(--color-secondary) 100%);transform:scaleX(0);transition:transform var(--transition-base) ease;transform-origin:left}.services-card:hover:before{transform:scaleX(1)}.services-card:hover{background:var(--color-surface-hover);border-color:var(--service-color, var(--color-primary));transform:translateY(-8px);box-shadow:var(--shadow-crystal),0 0 0 1px var(--service-color, var(--color-primary))}.services-card:focus-visible{outline:3px solid var(--service-color, var(--color-primary));outline-offset:4px;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.services-card.coming-soon{opacity:.7;cursor:not-allowed;position:relative}.services-card.coming-soon:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0000001a,#0000004d);border-radius:var(--radius-xl);pointer-events:none;z-index:1}.services-card.coming-soon:hover{transform:translateY(-4px);border-color:var(--color-border-hover);box-shadow:var(--shadow-lg);opacity:.8}.services-card.animate-in{animation:services-fadeInUp .4s ease forwards}.services-card:nth-child(1){animation-delay:0ms}.services-card:nth-child(2){animation-delay:50ms}.services-card:nth-child(3){animation-delay:.1s}.services-card:nth-child(4){animation-delay:.15s}.services-card:nth-child(5){animation-delay:.2s}.services-card:nth-child(6){animation-delay:.25s}.services-card:nth-child(7){animation-delay:.3s}.services-card:nth-child(8){animation-delay:.35s}@keyframes services-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.services-card.highlighted{transform:scale(1.02);border:2px solid var(--service-color);box-shadow:var(--shadow-crystal),0 0 30px rgba(var(--service-color-rgb, 59, 130, 246),.4),0 0 0 1px var(--service-color);z-index:10;position:relative;background:var(--color-surface-active)}.services-card.service-highlighted{animation:service-pulse 2s ease-in-out infinite}@keyframes service-pulse{0%,to{transform:scale(1);box-shadow:var(--shadow-md)}50%{transform:scale(1.03);box-shadow:var(--shadow-crystal),0 0 40px rgba(var(--service-color-rgb, 59, 130, 246),.6)}}.services-recommended-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,var(--color-warning) 0%,#f59e0b 100%);color:#fff;font-size:var(--font-xs);font-weight:var(--font-weight-bold);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--space-xs);box-shadow:var(--shadow-lg);z-index:5;animation:recommended-bounce 2s ease-in-out infinite;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(255,255,255,.2)}@keyframes recommended-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-1px)}}.services-recommended-badge svg{width:12px;height:12px;fill:currentColor;stroke:none}.services-card.highlighted:hover{transform:scale(1.04);box-shadow:var(--shadow-diamond),0 0 40px rgba(var(--service-color-rgb, 59, 130, 246),.5),0 0 0 2px var(--service-color);background:var(--color-surface-hover)}.services-card-icon{padding:var(--space-xl) var(--space-xl) var(--space-lg);display:flex;justify-content:center;align-items:center}.services-icon-svg{width:80px;height:80px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--service-color, var(--color-primary)) 0%,var(--color-primary-dark) 100%);display:flex;align-items:center;justify-content:center;color:#fff;transition:transform var(--transition-base) var(--transition-silk);box-shadow:var(--shadow-md);will-change:transform}.services-card:hover .services-icon-svg{transform:scale(1.1) rotate(5deg);box-shadow:var(--shadow-xl)}.services-card.highlighted .services-icon-svg{background:linear-gradient(135deg,var(--service-color) 0%,rgba(var(--service-color-rgb),.8) 100%);box-shadow:var(--shadow-xl),0 0 20px rgba(var(--service-color-rgb),.4);transform:scale(1.05)}.services-card.highlighted .services-icon-svg svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.services-coming-soon-icon{position:relative;width:80px;height:80px}.services-coming-soon-icon .services-icon-svg{filter:grayscale(.5);opacity:.7}.services-coming-soon-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;background:var(--color-warning);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-bg-primary);box-shadow:var(--shadow-md);border:2px solid rgba(255,255,255,.2);z-index:2}.services-coming-soon-overlay svg{width:14px;height:14px}.services-card-content{flex:1;padding:0 var(--space-xl) var(--space-lg);text-align:center}.services-card-title{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-md);line-height:var(--leading-tight)}.services-card-description{font-size:var(--font-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.services-card-footer{padding:var(--space-lg) var(--space-xl) var(--space-xl);border-top:1px solid var(--color-border);background:#ffffff03;margin-top:auto}.services-card-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.services-learn-more-btn{background:none;border:none;color:var(--service-color, var(--color-primary));font-size:var(--font-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) 0;line-height:var(--leading-snug);min-height:44px;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;position:relative;overflow:hidden}.services-learn-more-btn:before{content:"";position:absolute;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--service-color),transparent);transition:left var(--transition-base);bottom:0;top:auto}.services-learn-more-btn:hover:before{left:100%}.services-learn-more-btn:hover{color:var(--color-secondary);text-decoration:underline;transform:translate(4px)}.services-learn-more-btn:focus-visible{outline:2px solid var(--service-color, var(--color-primary));outline-offset:3px;border-radius:var(--radius-sm)}.services-learn-more-btn:active{transform:translate(2px)}.services-cta-btn{background:linear-gradient(135deg,var(--service-color, var(--color-primary)) 0%,var(--color-primary-dark) 100%);color:var(--color-text-primary);border:none;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);position:relative;overflow:hidden;line-height:var(--leading-snug);min-width:120px;min-height:44px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;isolation:isolate}.services-cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .4s}.services-cta-btn:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff4d);opacity:0;transition:opacity var(--transition-base);z-index:-1}.services-cta-btn:hover:before{left:100%}.services-cta-btn:hover:after{opacity:1}.services-cta-btn:hover{transform:translateY(-3px);box-shadow:0 8px 16px #0003}.services-cta-btn:active{transform:translateY(-1px);box-shadow:0 4px 8px #0003}.services-cta-btn:focus-visible{outline:2px solid var(--service-color, var(--color-primary));outline-offset:3px}.services-coming-soon-badge{position:absolute;top:var(--space-md);right:var(--space-md);background:var(--color-warning);color:var(--color-bg-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:var(--space-xs);box-shadow:var(--shadow-md);z-index:2}.services-footer-cta{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3xl);text-align:center;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.services-footer-cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--color-primary) 0%,transparent 100%);opacity:.02;pointer-events:none}.services-footer-content{position:relative;z-index:1}.services-footer-title{font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-md);line-height:var(--leading-tight)}.services-footer-text{font-size:var(--font-lg);color:var(--color-text-secondary);margin-bottom:var(--space-xl);max-width:600px;margin-left:auto;margin-right:auto;line-height:var(--leading-relaxed)}.services-footer-btn{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-primary) 100%);color:var(--color-text-primary);border:none;padding:var(--space-lg) var(--space-2xl);border-radius:var(--radius-lg);font-size:var(--font-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);display:inline-flex;align-items:center;gap:var(--space-sm);position:relative;overflow:hidden;line-height:var(--leading-snug);min-height:52px;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.services-footer-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.services-footer-btn:hover:before{left:100%}.services-footer-btn:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.services-footer-btn:active{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.services-footer-btn:focus-visible{outline:2px solid var(--color-secondary);outline-offset:4px}.services-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:services-modalFadeIn .3s ease}.services-modal-content{background:var(--color-surface);border:1px solid var(--color-border-active);border-radius:var(--radius-xl);max-width:500px;width:100%;box-shadow:var(--shadow-diamond);animation:services-modalSlideUp .3s ease;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@keyframes services-modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes services-modalSlideUp{0%{opacity:0;transform:translateY(var(--space-lg))}to{opacity:1;transform:translateY(0)}}.services-modal-header{padding:var(--space-xl);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-lg);position:relative;background:linear-gradient(135deg,var(--color-surface-hover) 0%,var(--color-surface) 100%)}.services-modal-icon{width:60px;height:60px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-danger) 100%);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:var(--shadow-crystal)}.services-modal-title{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--leading-tight);flex:1}.services-modal-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);position:absolute;top:var(--space-md);right:var(--space-md);width:32px;height:32px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.services-modal-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary);transform:scale(1.1)}.services-modal-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.services-modal-close:active{transform:scale(.95)}.services-modal-body{padding:var(--space-xl)}.services-modal-description{font-size:var(--font-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-lg)}.services-modal-coming-soon{font-size:var(--font-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);padding:var(--space-md);background:var(--color-surface-hover);border-radius:var(--radius-lg);border-left:3px solid var(--color-warning)}.services-modal-footer{padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--color-border);display:flex;gap:var(--space-md);justify-content:flex-end}.services-modal-notify-btn{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-danger) 100%);color:var(--color-text-primary);border:none;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);min-height:44px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.services-modal-notify-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.services-modal-notify-btn:active{transform:translateY(-1px);box-shadow:var(--shadow-md)}.services-modal-cancel-btn{background:var(--color-surface-active);color:var(--color-text-secondary);border:1px solid var(--color-border-hover);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);min-height:44px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.services-modal-cancel-btn:hover{background:var(--color-text-muted);color:var(--color-bg-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.services-modal-cancel-btn:active{transform:translateY(0);box-shadow:none}@keyframes services-ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(4);opacity:0}}.services-card.highlighted{box-shadow:0 0 20px var(--service-color);transform:scale(1.02);border-color:var(--service-color)}.services-card.service-highlighted{animation:pulse-highlight 2s ease-in-out}@keyframes pulse-highlight{0%,to{box-shadow:0 0 10px var(--service-color);transform:scale(1)}50%{box-shadow:0 0 30px var(--service-color);transform:scale(1.02)}}@media (max-width: 768px){.services-page{padding-top:var(--space-3xl)}.services-container{padding:0 var(--space-md)}.services-hero{padding:var(--space-xl) 0 var(--space-lg);margin-bottom:var(--space-xl)}.services-hero-title{font-size:var(--font-3xl);margin-bottom:var(--space-md)}.services-hero-subtitle{font-size:var(--font-lg);margin-bottom:var(--space-lg)}.services-grid{grid-template-columns:1fr;gap:var(--space-lg);margin-bottom:var(--space-3xl)}.services-card{min-height:320px}.services-card-icon{padding:var(--space-lg) var(--space-lg) var(--space-md)}.services-icon-svg,.services-coming-soon-icon{width:70px;height:70px}.services-card-content{padding:0 var(--space-lg) var(--space-md)}.services-card-title{font-size:var(--font-lg)}.services-card-description{font-size:var(--font-sm)}.services-card-footer{padding:var(--space-md) var(--space-lg) var(--space-lg)}.services-card-actions{flex-direction:column;gap:var(--space-md);align-items:stretch}.services-cta-btn,.services-learn-more-btn{width:100%;justify-content:center;min-height:48px}.services-footer-cta{padding:var(--space-2xl)}.services-footer-title{font-size:var(--font-2xl)}.services-footer-text{font-size:var(--font-base);margin-bottom:var(--space-lg)}.services-footer-btn{padding:var(--space-md) var(--space-xl);font-size:var(--font-base);min-height:52px}.services-modal-overlay{padding:var(--space-md)}.services-modal-header{padding:var(--space-lg);flex-direction:column;text-align:center;gap:var(--space-md)}.services-modal-icon{width:50px;height:50px}.services-modal-title{font-size:var(--font-lg)}.services-modal-body{padding:var(--space-lg)}.services-modal-footer{flex-direction:column;gap:var(--space-md);padding:var(--space-lg)}.services-modal-notify-btn,.services-modal-cancel-btn{width:100%;justify-content:center;min-height:48px}.services-card.highlighted{transform:scale(1.01);border-width:1px;box-shadow:var(--shadow-lg),0 0 20px rgba(var(--service-color-rgb),.3)}.services-card.highlighted:hover{transform:scale(1.02)}.services-recommended-badge{top:-6px;right:-6px;font-size:var(--font-xs);padding:var(--space-xs) var(--space-sm)}.services-recommended-badge svg{width:10px;height:10px}.services-coming-soon-overlay{width:24px;height:24px}.services-coming-soon-overlay svg{width:12px;height:12px}}@media (max-width: 480px){.services-container{padding:0 var(--space-sm)}.services-hero{padding:var(--space-lg) 0;margin-bottom:var(--space-lg)}.services-hero-title{font-size:var(--font-2xl)}.services-hero-subtitle{font-size:var(--font-base)}.services-grid{gap:var(--space-md)}.services-card{min-height:300px}.services-card-icon{padding:var(--space-lg) var(--space-md) var(--space-md)}.services-icon-svg,.services-coming-soon-icon{width:60px;height:60px}.services-card-content{padding:0 var(--space-md) var(--space-sm)}.services-card-footer{padding:var(--space-sm) var(--space-md) var(--space-md)}.services-footer-cta{padding:var(--space-xl)}.services-modal-header,.services-modal-body,.services-modal-footer{padding:var(--space-md)}.services-card.highlighted{transform:none;border-width:1px;box-shadow:var(--shadow-md)}.services-card.highlighted:hover{transform:translateY(-2px)}.services-recommended-badge{top:-4px;right:-4px;padding:2px 6px;font-size:.65rem}}@media (min-width: 1200px){.services-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:var(--space-2xl)}.services-card{min-height:380px}.services-card-icon{padding:var(--space-2xl) var(--space-xl) var(--space-lg)}.services-icon-svg,.services-coming-soon-icon{width:90px;height:90px}.services-card-content{padding:0 var(--space-xl) var(--space-lg)}.services-card-footer{padding:var(--space-lg) var(--space-xl) var(--space-xl)}.services-hero-title{font-size:var(--font-6xl)}.services-hero-subtitle{font-size:var(--font-2xl)}}@media (prefers-reduced-motion: reduce){.services-particle{animation:none}.services-card{animation:none;opacity:1}.services-card:hover,.services-cta-btn:hover,.services-footer-btn:hover,.services-learn-more-btn:hover,.services-card:hover .services-icon-svg{transform:none}.services-modal-overlay,.services-modal-content,.services-card.service-highlighted,.services-recommended-badge{animation:none}.services-card.highlighted,.services-card.highlighted:hover{transform:none}@keyframes services-fadeInUp{0%,to{opacity:1;transform:translateY(0)}}@keyframes pulse-highlight{0%,to{box-shadow:0 0 10px var(--service-color);transform:scale(1)}}@keyframes service-pulse{0%,to{transform:scale(1);box-shadow:var(--shadow-md)}}@keyframes recommended-bounce{0%,to{transform:translateY(0)}}}@media (prefers-contrast: high){.services-card,.services-footer-cta,.services-modal-content{border-width:2px}.services-cta-btn,.services-footer-btn,.services-modal-notify-btn{border:2px solid currentColor}.services-hero-title{color:var(--color-text-primary);background:none;-webkit-text-fill-color:initial}.services-card.highlighted{border-width:3px;background:var(--color-surface-active)}.services-recommended-badge{border:2px solid white;background:var(--color-warning)}.services-coming-soon-overlay{border:2px solid white}}@media print{.services-particles-bg,.services-background-gradient{display:none!important}.services-card{break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid}.services-page{background:#fff!important;color:#000!important}.services-container{max-width:none!important;padding:1rem!important}.services-cta-btn,.services-footer-btn{display:none!important}.services-hero-title,.services-card-title,.services-footer-title{color:#000!important}}:root{--color-primary: #667eea;--color-primary-dark: #764ba2;--color-secondary: #4ade80;--color-tertiary: #f093fb;--color-accent: #45B7D1;--color-danger: #ef4444;--color-warning: #f59e0b;--color-success: #4ade80;--color-info: #3b82f6;--color-bg-primary: #000000;--color-bg-secondary: #0a0a0a;--color-bg-tertiary: #1a1a1a;--color-surface: rgba(255, 255, 255, .03);--color-surface-hover: rgba(255, 255, 255, .05);--color-surface-active: rgba(255, 255, 255, .08);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-muted: rgba(255, 255, 255, .6);--color-text-disabled: rgba(255, 255, 255, .4);--color-border: rgba(255, 255, 255, .05);--color-border-hover: rgba(255, 255, 255, .1);--color-border-active: rgba(255, 255, 255, .2);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 5rem;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-5xl: 3rem;--font-6xl: 3.75rem;--font-7xl: 4.5rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .3), 0 4px 16px rgba(255, 255, 255, .1) inset;--shadow-crystal: 0 20px 40px rgba(0, 0, 0, .4), 0 8px 16px rgba(255, 255, 255, .1) inset;--shadow-diamond: 0 25px 50px rgba(0, 0, 0, .5), 0 10px 20px rgba(255, 255, 255, .05) inset;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-luxury: .4s cubic-bezier(.25, .46, .45, .94);--transition-silk: cubic-bezier(.4, 0, .2, 1);--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55)}.game-discovery-page{min-height:100vh;position:relative;overflow-x:hidden;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif}.discovery-background{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.discovery-background.results .floating-symbols{display:none}.floating-symbols{position:absolute;width:100%;height:100%}.floating-symbols .symbol{position:absolute;font-size:var(--font-3xl);color:#667eea1a;font-weight:var(--font-weight-bold);animation:float 20s infinite linear}.floating-symbols .symbol:nth-child(1){left:10%;animation-delay:0s;font-size:var(--font-2xl)}.floating-symbols .symbol:nth-child(2){left:30%;animation-delay:4s;font-size:var(--font-3xl)}.floating-symbols .symbol:nth-child(3){left:50%;animation-delay:8s;font-size:var(--font-3xl)}.floating-symbols .symbol:nth-child(4){left:70%;animation-delay:12s;font-size:var(--font-3xl)}.floating-symbols .symbol:nth-child(5){left:90%;animation-delay:16s;font-size:var(--font-2xl)}@keyframes float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}main.discovery-container{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:var(--space-xl);min-height:100vh;display:flex;flex-direction:column;justify-content:center}.discovery-container.loading{align-items:center;text-align:center}.loading-content h2{color:var(--color-text-primary);margin-bottom:var(--space-md);font-size:var(--font-3xl);font-weight:var(--font-weight-bold)}.loading-content p{color:var(--color-text-muted);font-size:var(--font-lg);margin:0}.loading-spinner{width:50px;height:50px;border:3px solid rgba(102,126,234,.3);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-xl)}.discovery-container.error{align-items:center;text-align:center}.error-content h2{color:var(--color-danger);margin-bottom:var(--space-md);font-size:var(--font-3xl);font-weight:var(--font-weight-bold)}.error-content p{color:var(--color-text-muted);margin-bottom:var(--space-xl);font-size:var(--font-base)}.discovery-container.intro{gap:var(--space-2xl)}.intro-header{text-align:center;margin-bottom:var(--space-xl)}.discovery-title{font-size:var(--font-5xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-md);line-height:var(--leading-tight)}.gradient-text{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-tertiary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:inherit;display:inline}.discovery-subtitle{font-size:var(--font-xl);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:600px;margin:0 auto}.assessment-options{text-align:center}.assessment-options h2{color:var(--color-text-primary);font-size:var(--font-2xl);margin-bottom:var(--space-xl);font-weight:var(--font-weight-semibold)}.adaptive-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-xl);margin-bottom:var(--space-2xl)}.assessment-option{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-xl);cursor:pointer;transition:all var(--transition-luxury);text-align:left;position:relative;overflow:hidden}.assessment-option:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.assessment-option:hover{border-color:var(--color-primary);background:var(--color-surface-hover);transform:translateY(-4px);box-shadow:var(--shadow-crystal)}.assessment-option.recommended{border-color:var(--color-secondary);background:#4ade8014}.assessment-option.recommended:hover{border-color:var(--color-secondary);background:#4ade8026;box-shadow:0 8px 25px #4ade8033}.option-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.option-icon{background:#667eea33;color:var(--color-primary);width:50px;height:50px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-base);font-weight:var(--font-weight-bold);flex-shrink:0}.assessment-option.recommended .option-icon{background:#4ade8033;color:var(--color-secondary)}.option-header h3{color:var(--color-text-primary);font-size:var(--font-2xl);margin:0;font-weight:var(--font-weight-semibold);flex:1}.option-duration{background:#667eea33;color:var(--color-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);border:1px solid rgba(102,126,234,.3)}.assessment-option.recommended .option-duration{background:#4ade8033;color:var(--color-secondary);border-color:#4ade804d}.recommended-badge{position:absolute;top:-12px;right:var(--space-xl);background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-accent) 100%);color:var(--color-text-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #4ade804d}.option-description{color:var(--color-text-secondary);line-height:var(--leading-normal);margin-bottom:var(--space-lg);font-size:var(--font-base)}.adaptive-features{display:flex;flex-direction:column;gap:var(--space-sm)}.adaptive-features .feature{color:var(--color-text-muted);font-size:var(--font-sm);display:flex;align-items:center;gap:var(--space-sm)}.adaptive-features .feature:before{content:"";width:4px;height:4px;background:var(--color-secondary);border-radius:50%;flex-shrink:0}.adaptive-explanation{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-2xl);text-align:left}.adaptive-explanation h3{color:var(--color-text-primary);margin-bottom:var(--space-md);font-size:var(--font-xl);font-weight:var(--font-weight-semibold)}.adaptive-explanation ul{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0;padding-left:var(--space-lg)}.adaptive-explanation li{margin-bottom:var(--space-sm)}.adaptive-explanation strong{color:var(--color-text-primary)}.skip-option{text-align:center;margin-top:var(--space-xl)}.skip-option p{color:var(--color-text-muted);font-size:var(--font-base)}.link-btn{background:none;border:none;color:var(--color-primary);text-decoration:underline;cursor:pointer;font-size:inherit;margin-left:var(--space-sm);transition:color var(--transition-base)}.link-btn:hover{color:var(--color-secondary)}.discovery-container.assessment{padding:var(--space-lg);justify-content:flex-start;padding-top:var(--space-xl)}.assessment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-md)}.progress-section{flex:1;min-width:200px}.progress-bar{width:100%;height:8px;background:#fff3;border-radius:var(--radius-xs);overflow:hidden;margin-bottom:var(--space-sm)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);transition:width var(--transition-slow);border-radius:var(--radius-xs)}.progress-text{color:var(--color-text-muted);font-size:var(--font-sm)}.adaptive-info{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.category-badge{background:#4ade8033;color:var(--color-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);border:1px solid rgba(74,222,128,.3)}.complete-mode-badge,.adaptive-status-badge{background:#667eea33;color:var(--color-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);border:1px solid rgba(102,126,234,.3)}.question-content{flex:1;display:flex;flex-direction:column;justify-content:center;margin-bottom:var(--space-md)}.question-text{color:var(--color-text-primary);font-size:var(--font-3xl);font-weight:var(--font-weight-semibold);text-align:center;margin-bottom:var(--space-xl);line-height:var(--leading-tight)}.answer-options{display:flex;flex-direction:column;gap:var(--space-md);max-width:600px;margin:0 auto}.answer-options.adaptive-options{gap:var(--space-md)}.answer-option{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);cursor:pointer;transition:all var(--transition-luxury);display:flex;align-items:center;gap:var(--space-sm);text-align:left;position:relative;overflow:hidden}.answer-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--transition-base)}.answer-option:hover{border-color:var(--color-primary);background:var(--color-surface-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.answer-option:hover:before{left:100%}.answer-option:focus{outline:2px solid var(--color-secondary);outline-offset:2px}.option-letter{background:var(--color-primary);color:var(--color-text-primary);width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-base);flex-shrink:0}.option-text{color:var(--color-text-primary);font-size:var(--font-base);line-height:var(--leading-snug);flex:1}.assessment-footer{text-align:center;margin-top:var(--space-md)}.assessment-hint{color:var(--color-text-muted);font-style:italic;font-size:var(--font-sm)}.discovery-container.results{padding:var(--space-xl);max-width:1000px;margin:0 auto}.discovery-background.results{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e)}.celebration-animation{position:absolute;top:20%;left:50%;transform:translate(-50%);animation:celebrate 2s ease-in-out}.celebration-symbol{font-size:var(--font-7xl);color:var(--color-primary);font-weight:var(--font-weight-bold);text-shadow:0 0 20px rgba(102,126,234,.5);animation:glow 2s ease-in-out infinite alternate}@keyframes celebrate{0%{transform:translate(-50%) scale(0) rotate(0);opacity:0}50%{transform:translate(-50%) scale(1.2) rotate(180deg);opacity:1}to{transform:translate(-50%) scale(1) rotate(360deg);opacity:.3}}@keyframes glow{0%{text-shadow:0 0 20px rgba(102,126,234,.5)}to{text-shadow:0 0 30px rgba(102,126,234,.8)}}.results-header{text-align:center;margin-bottom:var(--space-2xl);position:relative;z-index:10}.results-title{font-size:var(--font-5xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-xl);line-height:var(--leading-tight)}.animal-display{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-xl);margin-bottom:var(--space-md);box-shadow:var(--shadow-glass)}.animal-symbol{font-size:var(--font-7xl);font-weight:var(--font-weight-bold);color:var(--color-primary);display:block;margin-bottom:var(--space-md);text-shadow:0 0 10px rgba(102,126,234,.3)}.animal-description{font-size:var(--font-2xl);color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0}.adaptive-completion-badge{background:#4ade8026;border:2px solid rgba(74,222,128,.4);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-xl);margin-bottom:var(--space-xl);display:inline-block}.completion-text{color:var(--color-secondary);font-weight:var(--font-weight-semibold);font-size:var(--font-base);text-transform:uppercase;letter-spacing:.5px}.results-content{position:relative;z-index:10}.results-section{margin-bottom:var(--space-2xl)}.results-section h2{color:var(--color-text-primary);font-size:var(--font-3xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.results-section.adaptive-insights,.results-section.complete-insights{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl)}.adaptive-stats,.complete-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-lg);margin-bottom:var(--space-lg)}.stat-card{background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;transition:all var(--transition-luxury)}.stat-card:hover{background:#667eea33;transform:translateY(-2px)}.stat-value{font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-xs)}.stat-label{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.5px}.stat-description{font-size:var(--font-xs);color:var(--color-text-muted);line-height:var(--leading-snug)}.adaptive-explanation,.complete-explanation{background:#0000004d;border-radius:var(--radius-md);padding:var(--space-lg)}.adaptive-explanation p,.complete-explanation p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.adaptive-explanation strong,.complete-explanation strong{color:var(--color-text-primary)}.traits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);list-style:none;padding:0;margin:0}.trait-item{background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:var(--radius-md);padding:var(--space-md);display:flex;align-items:center;gap:var(--space-sm);transition:all var(--transition-luxury)}.trait-item:hover{background:#667eea33;transform:translateY(-2px)}.trait-icon{color:var(--color-primary);font-size:var(--font-xl);font-weight:var(--font-weight-bold)}.trait-text{color:var(--color-text-primary);font-weight:var(--font-weight-medium);flex:1}.game-type-card{background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid rgba(102,126,234,.4);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center}.game-description{color:var(--color-text-primary);font-size:var(--font-2xl);font-weight:var(--font-weight-medium);line-height:var(--leading-normal);margin:0}.careers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-md);list-style:none;padding:0;margin:0}.career-item{background:#f093fb1a;border:1px solid rgba(240,147,251,.3);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;transition:all var(--transition-luxury)}.career-item:hover{background:#f093fb33;transform:translateY(-2px)}.career-text{color:var(--color-tertiary);font-weight:var(--font-weight-medium);font-size:var(--font-sm)}.insights-card{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);line-height:var(--leading-relaxed)}.insights-card p{color:var(--color-text-secondary);margin-bottom:var(--space-md)}.insights-card p:last-child{margin-bottom:0}.results-actions{text-align:center;margin-top:var(--space-4xl);position:relative;z-index:10}.primary-action-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-primary);border:none;padding:var(--space-lg) var(--space-2xl);border-radius:var(--radius-lg);font-size:var(--font-xl);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-luxury);display:inline-flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);box-shadow:var(--shadow-md),0 0 15px #667eea4d;position:relative;overflow:hidden}.primary-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-base)}.primary-action-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl),0 0 25px #667eea66}.primary-action-btn:hover:before{left:100%}.btn-arrow{font-size:var(--font-xl);transition:transform var(--transition-base)}.primary-action-btn:hover .btn-arrow{transform:translate(4px)}.secondary-actions{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.secondary-btn{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--color-text-primary);border:1px solid var(--color-border);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-size:var(--font-base);cursor:pointer;transition:all var(--transition-luxury)}.secondary-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.upgrade-btn{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-accent) 100%);color:var(--color-text-primary);border:none}.upgrade-btn:hover{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-accent) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 20px #4ade804d}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-xl);text-align:center;position:relative;z-index:10;animation:fadeInShake .5s ease-out}.error-message p{color:var(--color-danger);margin:0}@keyframes fadeInShake{0%{opacity:0;transform:translate(-10px)}50%{opacity:1;transform:translate(5px)}to{opacity:1;transform:translate(0)}}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-primary);border:none;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-size:var(--font-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-luxury)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 20px #667eea4d}@media (max-width: 768px){main.discovery-container{padding:var(--space-md)}.discovery-title{font-size:var(--font-4xl)}.adaptive-options{grid-template-columns:1fr;gap:var(--space-lg)}.assessment-option{padding:var(--space-lg)}.option-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.option-header h3{font-size:var(--font-xl)}.adaptive-stats,.complete-stats{grid-template-columns:1fr;gap:var(--space-md)}.secondary-actions{flex-direction:column;align-items:center}.discovery-container.assessment{padding:var(--space-md);padding-top:var(--space-md);min-height:100vh;justify-content:flex-start}.assessment-header{margin-bottom:var(--space-md);flex-direction:column;align-items:stretch;gap:var(--space-sm)}.adaptive-info{justify-content:center}.question-content{flex:1;display:flex;flex-direction:column;justify-content:center;margin-bottom:var(--space-sm)}.question-text{font-size:var(--font-3xl);margin-bottom:var(--space-xl);line-height:var(--leading-snug);padding:0 var(--space-sm)}.answer-options{gap:var(--space-md);padding:0 var(--space-sm)}.answer-option{padding:var(--space-lg);gap:var(--space-sm);border-radius:var(--radius-lg);min-height:80px;align-items:center}.option-letter{width:40px;height:40px;font-size:var(--font-lg)}.option-text{font-size:var(--font-xl);line-height:var(--leading-snug)}.results-title{font-size:var(--font-4xl)}.animal-symbol{font-size:var(--font-5xl)}.animal-description{font-size:var(--font-lg)}.results-section h2{font-size:var(--font-2xl)}.traits-grid{grid-template-columns:1fr;gap:var(--space-sm)}.careers-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-sm)}.primary-action-btn{width:100%;padding:var(--space-md) var(--space-xl);font-size:var(--font-lg)}.secondary-btn{width:100%;max-width:300px}}@media (max-width: 480px){main.discovery-container{padding:var(--space-md)}.discovery-title{font-size:var(--font-3xl);line-height:var(--leading-tight)}.assessment-option{padding:var(--space-md)}.option-header h3{font-size:var(--font-lg)}.option-description{font-size:var(--font-sm)}.adaptive-features .feature{font-size:var(--font-xs)}.adaptive-explanation{padding:var(--space-lg)}.adaptive-explanation h3{font-size:var(--font-lg)}.discovery-container.assessment{padding:var(--space-sm);padding-top:var(--space-sm);justify-content:flex-start;min-height:100vh}.assessment-header{margin-bottom:var(--space-sm);padding:0 var(--space-sm)}.question-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--space-md) 0}.question-text{font-size:var(--font-3xl);margin-bottom:var(--space-xl);line-height:var(--leading-tight);text-align:center;padding:0}.answer-options{gap:var(--space-md);max-width:none;padding:0 var(--space-sm)}.answer-option{padding:var(--space-lg) var(--space-md);border-radius:var(--radius-lg);min-height:85px;display:flex;align-items:center;gap:var(--space-md)}.option-letter{width:42px;height:42px;font-size:var(--font-xl);flex-shrink:0}.option-text{font-size:var(--font-xl);line-height:var(--leading-snug);flex:1}.assessment-footer{margin-top:var(--space-sm);padding:0 var(--space-md)}.assessment-hint{font-size:var(--font-sm);line-height:var(--leading-snug)}.results-title{font-size:var(--font-3xl);line-height:var(--leading-tight)}.animal-display{padding:var(--space-lg)}.animal-symbol{font-size:var(--font-4xl)}.adaptive-insights,.complete-insights{padding:var(--space-lg)}.adaptive-stats,.complete-stats{grid-template-columns:1fr;gap:var(--space-sm)}.stat-card{padding:var(--space-md)}.trait-item,.career-item{padding:var(--space-sm)}.insights-card{padding:var(--space-lg)}.primary-action-btn{padding:var(--space-md) var(--space-lg);font-size:var(--font-base)}.adaptive-completion-badge{padding:var(--space-sm) var(--space-lg)}.completion-text{font-size:var(--font-sm)}}@media (max-width: 360px){main.discovery-container{padding:var(--space-sm)}.discovery-title{font-size:var(--font-3xl)}.assessment-option{padding:var(--space-md);margin-bottom:var(--space-md)}.option-header{gap:var(--space-sm)}.option-icon{width:40px;height:40px;font-size:var(--font-sm)}.discovery-container.assessment{padding:var(--space-xs);padding-top:var(--space-sm)}.assessment-header{margin-bottom:var(--space-sm);padding:0 var(--space-xs)}.question-text{font-size:var(--font-2xl);margin-bottom:var(--space-lg);padding:0 var(--space-sm)}.answer-options{padding:0 var(--space-xs)}.answer-option{padding:var(--space-lg) var(--space-sm);min-height:80px}.option-letter{width:38px;height:38px;font-size:var(--font-lg)}.option-text{font-size:var(--font-lg);line-height:var(--leading-snug)}}.answer-option:focus,.assessment-option:focus,.primary-action-btn:focus,.secondary-btn:focus,.btn-primary:focus,.link-btn:focus{outline:2px solid var(--color-secondary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.floating-symbols .symbol{animation:none}.assessment-option,.answer-option,.primary-action-btn,.secondary-btn,.trait-item,.career-item,.stat-card{transition:none}.assessment-option:hover,.answer-option:hover,.trait-item:hover,.career-item:hover,.stat-card:hover{transform:none}.celebration-animation,.celebration-symbol{animation:none}@keyframes celebrate{0%,to{opacity:1;transform:translate(-50%) scale(1) rotate(0)}}@keyframes glow{0%,to{text-shadow:none}}@keyframes fadeInShake{0%,to{opacity:1;transform:translate(0)}}@media (prefers-contrast: high){.assessment-option,.answer-option,.animal-display,.adaptive-insights,.complete-insights,.insights-card{border-width:2px}.primary-action-btn,.btn-primary{background:var(--color-primary)}.upgrade-btn{background:var(--color-secondary)}}@media print{.floating-symbols,.celebration-animation,.results-actions,.secondary-actions,.skip-option,.adaptive-explanation,.assessment-footer,.discovery-background{display:none!important}.game-discovery-page{background:#fff!important;color:#000!important}.results-title,.animal-description,.trait-text,.career-text,.discovery-title{color:#000!important}.gradient-text{background:none!important;-webkit-text-fill-color:initial!important;color:#667eea!important}.animal-symbol{color:#667eea!important}}}.student-dashboard-page{min-height:100vh;background:var(--color-bg-primary);position:relative;overflow-x:hidden}.student-dashboard-background-gradient{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(74,222,128,.08) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(240,147,251,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.student-dashboard-particles-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.student-dashboard-particle{position:absolute;width:3px;height:3px;background:var(--color-primary);border-radius:var(--radius-full);opacity:.4;animation:studentDashboardFloat 20s infinite linear}.student-dashboard-particle:nth-child(2n){background:var(--color-secondary);animation-duration:25s;width:2px;height:2px;opacity:.3}.student-dashboard-particle:nth-child(3n){background:var(--color-tertiary);animation-duration:30s;width:1px;height:1px;opacity:.2}@keyframes studentDashboardFloat{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.student-dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;position:relative;z-index:1}.student-dashboard-loading-spinner{width:60px;height:60px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:var(--radius-full);animation:studentDashboardSpin 1s linear infinite;margin-bottom:var(--space-lg)}@keyframes studentDashboardSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.student-dashboard-loading h2{font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.student-dashboard-loading p{font-size:var(--font-lg);color:var(--color-text-secondary)}.student-dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;position:relative;z-index:1}.student-dashboard-error-icon{width:80px;height:80px;border-radius:var(--radius-full);background:var(--color-surface);border:2px solid var(--color-danger);display:flex;align-items:center;justify-content:center;font-size:var(--font-4xl);color:var(--color-danger);margin-bottom:var(--space-lg)}.student-dashboard-error h2{font-size:var(--font-3xl);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.student-dashboard-error p{font-size:var(--font-lg);color:var(--color-text-secondary)}.student-dashboard-header{background:var(--color-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.student-dashboard-header-content{max-width:var(--container-2xl);margin:0 auto;padding:var(--space-lg) var(--space-lg);display:flex;justify-content:space-between;align-items:center;gap:var(--space-xl)}.student-dashboard-nav{display:flex;gap:var(--space-sm);padding:var(--space-xs);background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.student-dashboard-nav-item{background:none;border:none;color:var(--color-text-muted);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;position:relative;overflow:hidden}.student-dashboard-nav-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.student-dashboard-nav-item:hover:before{left:100%}.student-dashboard-nav-item:hover{color:var(--color-text-secondary);background:var(--color-surface-hover)}.student-dashboard-nav-item.active{color:var(--color-text-primary);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);box-shadow:0 4px 12px #667eea4d}.student-dashboard-nav-item:focus{outline:2px solid var(--color-primary);outline-offset:2px}.student-dashboard-profile-section{display:flex;align-items:center;gap:var(--space-lg)}.student-dashboard-profile-info{text-align:right;display:flex;flex-direction:column;gap:var(--space-xs)}.student-dashboard-welcome-text{font-size:var(--font-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.student-dashboard-game-type{display:flex;align-items:center;gap:var(--space-sm)}.student-dashboard-game-symbol{font-size:var(--font-2xl);font-weight:var(--font-weight-extrabold);width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:2px solid rgba(255,255,255,.1);box-shadow:var(--shadow-md)}.student-dashboard-game-details{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs)}.student-dashboard-game-name{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.student-dashboard-game-subdivision{font-size:var(--font-xs);color:var(--color-text-muted);font-style:italic}.student-dashboard-logout-btn{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);font-size:var(--font-sm);font-weight:var(--font-weight-medium)}.student-dashboard-logout-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary);transform:translateY(-1px)}.student-dashboard-logout-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.student-dashboard-main{max-width:var(--container-2xl);margin:0 auto;padding:var(--space-2xl) var(--space-lg);position:relative;z-index:1}.student-dashboard-discover-section{display:flex;flex-direction:column;gap:var(--space-3xl)}.student-dashboard-hero{text-align:center;padding:var(--space-2xl) 0}.student-dashboard-hero-content{max-width:800px;margin:0 auto}.student-dashboard-hero-title{font-size:var(--font-5xl);font-weight:var(--font-weight-extrabold);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-lg);line-height:var(--leading-tight)}.student-dashboard-hero-subtitle{font-size:var(--font-xl);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-2xl)}.student-dashboard-hero-stats{display:flex;justify-content:center;gap:var(--space-3xl);flex-wrap:wrap}.student-dashboard-stat{text-align:center}.student-dashboard-stat-number{display:block;font-size:var(--font-4xl);font-weight:var(--font-weight-extrabold);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-tertiary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-xs)}.student-dashboard-game-insights{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-glass)}.student-dashboard-section-title{display:flex;align-items:center;gap:var(--space-md);font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-xl);flex-wrap:wrap}.student-dashboard-title-icon{font-size:var(--font-3xl);font-weight:var(--font-weight-extrabold);width:50px;height:50px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--color-surface-active);border:2px solid rgba(255,255,255,.1);flex-shrink:0}.student-dashboard-subdivision-badge{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-primary) 100%);color:var(--color-text-primary);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);box-shadow:0 4px 12px #4ade804d}.student-dashboard-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-lg);align-items:start}.student-dashboard-insight-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--transition-base) var(--transition-silk);position:relative;overflow:hidden}.student-dashboard-insight-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);transform:scaleX(0);transition:transform var(--transition-base) ease;transform-origin:left}.student-dashboard-insight-card:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.student-dashboard-insight-card:hover:before{transform:scaleX(1)}.student-dashboard-insight-card.primary{grid-column:1 / -1;border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-surface) 0%,rgba(102,126,234,.05) 100%)}.student-dashboard-insight-card.primary:before{transform:scaleX(1)}.student-dashboard-insight-card.discovery-depth{border-color:var(--color-secondary);background:linear-gradient(135deg,var(--color-surface) 0%,rgba(74,222,128,.05) 100%)}.student-dashboard-insight-card.discovery-depth:before{background:linear-gradient(90deg,var(--color-secondary) 0%,var(--color-warning) 100%);transform:scaleX(1)}.student-dashboard-insight-card.assessment-info{border-color:var(--color-accent);background:linear-gradient(135deg,var(--color-surface) 0%,rgba(69,183,209,.05) 100%)}.student-dashboard-insight-card h3{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-md)}.student-dashboard-insight-card h4{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.student-dashboard-insight-card p{font-size:var(--font-base);color:var(--color-text-secondary);line-height:var(--leading-normal);margin-bottom:var(--space-md)}.student-dashboard-insight-card p:last-child{margin-bottom:0}.student-dashboard-subdivision-details,.student-dashboard-specialized-strengths{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.student-dashboard-traits-list,.student-dashboard-interests-tags,.student-dashboard-careers-list,.student-dashboard-strengths-list,.student-dashboard-discovery-badges{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm)}.student-dashboard-trait-tag,.student-dashboard-interest-tag,.student-dashboard-career-tag,.student-dashboard-strength-tag,.student-dashboard-discovery-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:var(--font-weight-medium);border:1px solid;transition:all var(--transition-fast)}.student-dashboard-trait-tag{background:#667eea1a;color:var(--color-primary);border-color:#667eea4d}.student-dashboard-interest-tag{background:#45b7d11a;color:var(--color-accent);border-color:#45b7d14d}.student-dashboard-career-tag{background:#f093fb1a;color:var(--color-tertiary);border-color:#f093fb4d}.student-dashboard-strength-tag{background:#4ade801a;color:var(--color-secondary);border-color:#4ade804d}.student-dashboard-discovery-badge{background:#4ade801a;color:var(--color-secondary);border-color:#4ade804d;font-size:var(--font-xs);font-weight:var(--font-weight-semibold)}.student-dashboard-learning-preferences{display:flex;flex-direction:column;gap:var(--space-md)}.student-dashboard-learning-preferences strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.student-dashboard-assessment-stats{display:flex;flex-direction:column;gap:var(--space-sm)}.student-dashboard-stat-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.student-dashboard-stat-item:last-child{border-bottom:none}.student-dashboard-stat-label{font-size:var(--font-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.student-dashboard-stat-value{font-size:var(--font-sm);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.student-dashboard-quick-actions{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-glass)}.student-dashboard-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.student-dashboard-action-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);text-decoration:none;color:inherit;cursor:pointer;transition:all var(--transition-base) var(--transition-silk);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.student-dashboard-action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);transform:scaleX(0);transition:transform var(--transition-base) ease;transform-origin:left}.student-dashboard-action-card:hover:before{transform:scaleX(1)}.student-dashboard-action-card:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.student-dashboard-action-card:focus{outline:2px solid var(--color-primary);outline-offset:4px}.student-dashboard-action-icon{width:60px;height:60px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);display:flex;align-items:center;justify-content:center;font-size:var(--font-2xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);margin-bottom:var(--space-lg);box-shadow:0 8px 16px #667eea4d}.student-dashboard-action-card h3{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.student-dashboard-action-card p{font-size:var(--font-base);color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0}.student-dashboard-applications-section{display:flex;flex-direction:column;gap:var(--space-xl)}.student-dashboard-applications-header{text-align:center;margin-bottom:var(--space-lg)}.student-dashboard-section-subtitle{font-size:var(--font-lg);color:var(--color-text-secondary);margin-top:var(--space-sm)}.student-dashboard-applications-loading,.student-dashboard-applications-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center;background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.student-dashboard-applications-error h3{font-size:var(--font-2xl);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.student-dashboard-applications-error p{font-size:var(--font-lg);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.student-dashboard-no-applications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center;background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-xl)}.student-dashboard-empty-icon{width:80px;height:80px;border-radius:var(--radius-full);background:var(--color-surface-active);display:flex;align-items:center;justify-content:center;font-size:var(--font-4xl);color:var(--color-text-muted);margin-bottom:var(--space-lg);opacity:.6}.student-dashboard-no-applications h3{font-size:var(--font-2xl);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.student-dashboard-no-applications p{font-size:var(--font-lg);color:var(--color-text-secondary);margin-bottom:var(--space-xl);max-width:500px}.student-dashboard-empty-actions{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center}.student-dashboard-applications-list{display:flex;flex-direction:column;gap:var(--space-lg)}.student-dashboard-application-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--transition-base) var(--transition-silk);position:relative;overflow:hidden;opacity:0;animation:studentDashboardFadeInUp .6s ease forwards}@keyframes studentDashboardFadeInUp{0%{opacity:0;transform:translateY(var(--space-lg))}to{opacity:1;transform:translateY(0)}}.student-dashboard-application-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);transform:scaleX(0);transition:transform var(--transition-base) ease;transform-origin:left}.student-dashboard-application-card:hover:before{transform:scaleX(1)}.student-dashboard-application-card:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.student-dashboard-application-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);gap:var(--space-md)}.student-dashboard-application-title-section{flex:1}.student-dashboard-application-project-title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-xs);line-height:var(--leading-tight)}.student-dashboard-application-project-subtitle{font-size:var(--font-sm);color:var(--color-text-muted);line-height:var(--leading-normal)}.student-dashboard-application-status-badge{flex-shrink:0}.student-dashboard-status-indicator{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.student-dashboard-application-details{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.student-dashboard-detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid rgba(255,255,255,.05)}.student-dashboard-detail-row:last-child{border-bottom:none}.student-dashboard-detail-label{font-size:var(--font-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.student-dashboard-detail-value{font-size:var(--font-sm);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);text-align:right}.student-dashboard-application-motivation{background:#ffffff05;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.student-dashboard-application-motivation h4{font-size:var(--font-base);color:var(--color-text-primary);margin-bottom:var(--space-sm);font-weight:var(--font-weight-semibold)}.student-dashboard-application-motivation p{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.student-dashboard-application-feedback{background:#ffffff05;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-lg)}.student-dashboard-application-feedback h4{font-size:var(--font-base);color:var(--color-text-primary);margin-bottom:var(--space-sm);font-weight:var(--font-weight-semibold)}.student-dashboard-application-feedback p{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.student-dashboard-application-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:flex-end}.student-dashboard-edit-window-info{margin-top:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);text-align:center}.student-dashboard-edit-window-info.can-edit{background:#4ade801a;color:var(--color-secondary);border:1px solid rgba(74,222,128,.3)}.student-dashboard-edit-window-info.expired{background:#ef44441a;color:var(--color-danger);border:1px solid rgba(239,68,68,.3)}.student-dashboard-applications-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);margin-top:var(--space-xl)}.student-dashboard-summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-lg)}.student-dashboard-summary-stat{text-align:center}.student-dashboard-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);text-decoration:none;border:none;white-space:nowrap;line-height:var(--leading-snug);position:relative;overflow:hidden}.student-dashboard-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.student-dashboard-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.student-dashboard-btn.primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-text-primary);box-shadow:var(--shadow-md)}.student-dashboard-btn.primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .4s}.student-dashboard-btn.primary:hover:not(:disabled):before{left:100%}.student-dashboard-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.student-dashboard-btn.secondary{background:var(--color-surface-active);color:var(--color-text-secondary);border:1px solid var(--color-border-hover)}.student-dashboard-btn.secondary:hover:not(:disabled){background:var(--color-text-muted);color:var(--color-bg-primary);transform:translateY(-1px)}.student-dashboard-btn.success{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-success) 100%);color:var(--color-text-primary);box-shadow:0 4px 12px #4ade804d}.student-dashboard-coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);position:relative;overflow:hidden}.student-dashboard-coming-soon:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-tertiary) 0%,var(--color-warning) 100%)}.student-dashboard-coming-soon-icon{width:80px;height:80px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-tertiary) 0%,var(--color-warning) 100%);display:flex;align-items:center;justify-content:center;font-size:var(--font-4xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);margin-bottom:var(--space-xl);box-shadow:0 8px 16px #f093fb4d}.student-dashboard-coming-soon h2{font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.student-dashboard-coming-soon p{font-size:var(--font-lg);color:var(--color-text-secondary);margin-bottom:var(--space-xl);max-width:500px}.student-dashboard-feature-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);width:100%;max-width:600px;margin-bottom:var(--space-xl)}.student-dashboard-preview-item{background:#4ade801a;color:var(--color-secondary);padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid rgba(74,222,128,.3);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.student-dashboard-coming-soon-badge{background:linear-gradient(135deg,var(--color-tertiary) 0%,var(--color-warning) 100%);color:var(--color-text-primary);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-full);font-size:var(--font-base);font-weight:var(--font-weight-bold);box-shadow:0 4px 12px #f093fb4d}@media (max-width: 768px){.student-dashboard-header-content{flex-direction:column;gap:var(--space-lg);padding:var(--space-lg) var(--space-md)}.student-dashboard-nav{order:2;width:100%;justify-content:center;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.student-dashboard-nav::-webkit-scrollbar{display:none}.student-dashboard-nav-item{flex-shrink:0;padding:var(--space-sm) var(--space-md);font-size:var(--font-xs)}.student-dashboard-profile-section{order:1;justify-content:space-between;width:100%}.student-dashboard-profile-info{text-align:left}.student-dashboard-game-details{align-items:flex-start}.student-dashboard-main{padding:var(--space-xl) var(--space-md)}.student-dashboard-hero-title{font-size:var(--font-3xl)}.student-dashboard-hero-subtitle{font-size:var(--font-base)}.student-dashboard-hero-stats{flex-direction:column;gap:var(--space-lg)}.student-dashboard-section-title{font-size:var(--font-2xl);flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.student-dashboard-title-icon{font-size:var(--font-2xl);width:40px;height:40px}.student-dashboard-subdivision-badge{font-size:var(--font-xs);padding:var(--space-xs) var(--space-sm)}.student-dashboard-insights-grid{grid-template-columns:1fr;gap:var(--space-md)}.student-dashboard-insight-card{padding:var(--space-lg)}.student-dashboard-actions-grid{grid-template-columns:1fr;gap:var(--space-md)}.student-dashboard-action-card{padding:var(--space-lg)}.student-dashboard-action-icon{width:50px;height:50px;font-size:var(--font-xl)}.student-dashboard-application-header{flex-direction:column;gap:var(--space-sm)}.student-dashboard-application-actions{justify-content:stretch}.student-dashboard-btn{flex:1;justify-content:center}.student-dashboard-summary-stats{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.student-dashboard-feature-preview{grid-template-columns:1fr;gap:var(--space-sm)}.student-dashboard-empty-actions{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.student-dashboard-header-content{padding:var(--space-md) var(--space-sm)}.student-dashboard-main{padding:var(--space-lg) var(--space-sm)}.student-dashboard-hero-title{font-size:var(--font-2xl)}.student-dashboard-hero-subtitle{font-size:var(--font-sm)}.student-dashboard-section-title{font-size:var(--font-xl)}.student-dashboard-game-insights,.student-dashboard-quick-actions{padding:var(--space-lg)}.student-dashboard-insight-card,.student-dashboard-action-card{padding:var(--space-md)}.student-dashboard-action-icon{width:40px;height:40px;font-size:var(--font-lg)}.student-dashboard-application-card{padding:var(--space-lg)}.student-dashboard-coming-soon{padding:var(--space-xl) var(--space-md)}.student-dashboard-coming-soon-icon{width:60px;height:60px;font-size:var(--font-2xl)}.student-dashboard-summary-stats{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.student-dashboard-particle{animation:none}.student-dashboard-application-card{animation:none;opacity:1}.student-dashboard-loading-spinner{animation:none;border-top-color:var(--color-primary)}.student-dashboard-nav-item:before,.student-dashboard-btn.primary:before,.student-dashboard-insight-card:before,.student-dashboard-action-card:before,.student-dashboard-application-card:before{transition:none}.student-dashboard-insight-card:hover,.student-dashboard-action-card:hover,.student-dashboard-application-card:hover,.student-dashboard-btn:hover{transform:none}}@media (prefers-contrast: high){.student-dashboard-insight-card,.student-dashboard-action-card,.student-dashboard-application-card,.student-dashboard-coming-soon,.student-dashboard-nav-item,.student-dashboard-btn{border-width:2px}}:root{--color-primary: #667eea;--color-primary-dark: #764ba2;--color-secondary: #4ade80;--color-tertiary: #f093fb;--color-accent: #45B7D1;--color-danger: #ef4444;--color-warning: #f59e0b;--color-success: #4ade80;--color-info: #3b82f6;--color-bg-primary: #000000;--color-bg-secondary: #0a0a0a;--color-bg-tertiary: #1a1a1a;--color-surface: rgba(255, 255, 255, .03);--color-surface-hover: rgba(255, 255, 255, .05);--color-surface-active: rgba(255, 255, 255, .08);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-muted: rgba(255, 255, 255, .6);--color-text-disabled: rgba(255, 255, 255, .4);--color-border: rgba(255, 255, 255, .05);--color-border-hover: rgba(255, 255, 255, .1);--color-border-active: rgba(255, 255, 255, .2);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 5rem;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-5xl: 3rem;--font-6xl: 3.75rem;--font-7xl: 4.5rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .3), 0 4px 16px rgba(255, 255, 255, .1) inset;--shadow-crystal: 0 20px 40px rgba(0, 0, 0, .4), 0 8px 16px rgba(255, 255, 255, .1) inset;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-silk: cubic-bezier(.4, 0, .2, 1);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px}.setup-page{min-height:100vh;background:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;padding:var(--space-xl);position:relative;overflow-x:hidden}.setup-background-gradient{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,rgba(102,126,234,.12) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(74,222,128,.1) 0%,transparent 50%),radial-gradient(circle at 20% 70%,rgba(240,147,251,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.setup-particles-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.setup-particle{position:absolute;width:3px;height:3px;background:var(--color-primary);border-radius:var(--radius-full);opacity:.3;animation:setupFloat 25s infinite linear}.setup-particle:nth-child(2n){background:var(--color-secondary);animation-duration:30s;width:2px;height:2px;opacity:.25}.setup-particle:nth-child(3n){background:var(--color-tertiary);animation-duration:35s;width:1px;height:1px;opacity:.2}@keyframes setupFloat{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.setup-loading,.setup-error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;z-index:1;max-width:500px;margin:0 auto}.setup-loading-spinner{width:60px;height:60px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:var(--radius-full);animation:setupSpin 1s linear infinite;margin-bottom:var(--space-lg)}@keyframes setupSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.setup-loading h2,.setup-error h2{font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.setup-loading p,.setup-error p{font-size:var(--font-lg);color:var(--color-text-secondary)}.setup-error-icon{width:80px;height:80px;border-radius:var(--radius-full);background:var(--color-surface);border:2px solid var(--color-danger);display:flex;align-items:center;justify-content:center;font-size:var(--font-4xl);color:var(--color-danger);margin-bottom:var(--space-lg)}.setup-container{position:relative;z-index:1;width:100%;max-width:800px;background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-glass);margin:var(--space-xl) auto}.setup-header{text-align:center;margin-bottom:var(--space-2xl)}.setup-title{font-size:var(--font-4xl);font-weight:var(--font-weight-extrabold);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-md);line-height:var(--leading-tight)}.setup-subtitle{font-size:var(--font-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-lg);max-width:600px;margin-left:auto;margin-right:auto}.setup-subtitle strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.setup-game-reminder{display:inline-flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,#667eea1a,#4ade801a);border:1px solid rgba(102,126,234,.2);border-radius:var(--radius-full);margin-top:var(--space-sm)}.setup-game-symbol{font-size:var(--font-xl);font-weight:var(--font-weight-extrabold);width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:2px solid rgba(255,255,255,.1)}.setup-game-info{display:flex;flex-direction:column;gap:var(--space-xs)}.setup-game-label{font-size:var(--font-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.setup-game-name{font-size:var(--font-sm);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.setup-error-message{display:flex;align-items:center;gap:var(--space-sm);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:var(--space-md);color:var(--color-danger);font-size:var(--font-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xl);animation:setupShake .5s ease-in-out}@keyframes setupShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.setup-form{display:flex;flex-direction:column;gap:var(--space-2xl)}.setup-form-section{display:flex;flex-direction:column;gap:var(--space-md)}.setup-section-title{display:flex;align-items:center;gap:var(--space-md);font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.setup-section-number{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);flex-shrink:0}.setup-optional-badge{font-size:var(--font-xs);color:var(--color-text-muted);background:var(--color-surface-active);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);margin-left:var(--space-sm)}.setup-section-hint{font-size:var(--font-sm);color:var(--color-text-muted);line-height:var(--leading-normal);margin-top:calc(var(--space-xs) * -1);margin-bottom:var(--space-sm)}.setup-form-textarea,.setup-form-select{width:100%;padding:var(--space-md);background:var(--color-surface-hover);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-base);font-family:inherit;transition:all var(--transition-base) var(--transition-silk);outline:none;resize:vertical;min-height:52px}.setup-form-textarea::placeholder,.setup-form-select::placeholder{color:var(--color-text-disabled)}.setup-form-textarea:focus,.setup-form-select:focus{background:var(--color-surface-active);border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.setup-select-wrapper{position:relative}.setup-select-arrow{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;transition:all var(--transition-fast)}.setup-form-select:focus+.setup-select-arrow{color:var(--color-primary);transform:translateY(-50%) rotate(180deg)}.setup-field-hint{font-size:var(--font-xs);color:var(--color-text-muted);line-height:var(--leading-normal);margin-top:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs)}.setup-style-options{display:flex;flex-direction:column;gap:var(--space-md)}.setup-style-option{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface-hover);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);position:relative;overflow:hidden}.setup-style-option:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);transform:scaleX(0);transition:transform var(--transition-base) ease;transform-origin:left}.setup-style-option:hover:before{transform:scaleX(1)}.setup-style-option:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.setup-style-option.selected{background:linear-gradient(135deg,var(--color-surface) 0%,rgba(102,126,234,.05) 100%);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 16px #667eea33}.setup-style-option.selected:before{transform:scaleX(1)}.setup-style-radio{width:20px;height:20px;margin-top:var(--space-xs);cursor:pointer;accent-color:var(--color-primary);flex-shrink:0}.setup-style-content{flex:1}.setup-style-label{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.setup-style-description{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0}.setup-time-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.setup-time-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface-hover);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);position:relative;overflow:hidden}.setup-time-option:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-secondary) 0%,var(--color-primary) 100%);transform:scaleX(0);transition:transform var(--transition-base) ease;transform-origin:left}.setup-time-option:hover:before{transform:scaleX(1)}.setup-time-option:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.setup-time-option.selected{background:linear-gradient(135deg,var(--color-surface) 0%,rgba(74,222,128,.05) 100%);border-color:var(--color-secondary);transform:translateY(-4px);box-shadow:0 8px 16px #4ade8033}.setup-time-option.selected:before{transform:scaleX(1)}.setup-time-radio{width:18px;height:18px;cursor:pointer;accent-color:var(--color-secondary);flex-shrink:0}.setup-time-content{flex:1}.setup-time-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs);gap:var(--space-sm)}.setup-time-label{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.setup-time-intensity{font-size:var(--font-xs);color:var(--color-secondary);background:#4ade801a;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.setup-time-description{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0}.setup-subjects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-md)}.setup-subject-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-surface-hover);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);text-align:center;position:relative;overflow:hidden;outline:none}.setup-subject-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--subject-color, var(--color-primary)) 0%,var(--color-secondary) 100%);transform:scaleX(0);transition:transform var(--transition-base) ease;transform-origin:left}.setup-subject-card:hover:before{transform:scaleX(1)}.setup-subject-card:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.setup-subject-card.selected{background:linear-gradient(135deg,var(--color-surface) 0%,rgba(102,126,234,.05) 100%);border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 16px #667eea33}.setup-subject-card.selected:before{transform:scaleX(1)}.setup-subject-card:focus{outline:2px solid var(--color-primary);outline-offset:2px}.setup-subject-symbol{font-size:var(--font-3xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-xs);color:var(--subject-color, var(--color-primary));width:48px;height:48px;border-radius:var(--radius-full);background:#ffffff0d;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.1)}.setup-subject-name{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.setup-subject-check{position:absolute;top:var(--space-sm);right:var(--space-sm);width:24px;height:24px;border-radius:var(--radius-full);background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);opacity:0;transform:scale(0);transition:all var(--transition-base) var(--transition-silk)}.setup-subject-card.selected .setup-subject-check{opacity:1;transform:scale(1)}.setup-form-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);margin-top:var(--space-xl)}.setup-complete-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-text-primary);border:none;padding:var(--space-lg) var(--space-2xl);border-radius:var(--radius-full);font-size:var(--font-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);position:relative;overflow:hidden;min-height:60px;display:inline-flex;align-items:center;justify-content:center;min-width:280px;box-shadow:var(--shadow-lg)}.setup-complete-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.setup-complete-btn:hover:not(:disabled):before{left:100%}.setup-complete-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 24px #667eea66}.setup-complete-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.setup-complete-btn:focus{outline:2px solid var(--color-secondary);outline-offset:4px}.setup-btn-content{display:flex;align-items:center;justify-content:center}.setup-loading-content{display:flex;align-items:center;gap:var(--space-sm)}.setup-btn-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-text-primary);border-radius:var(--radius-full);animation:setupSpin .8s linear infinite}.setup-form-footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center;max-width:500px}.setup-form-note{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-sm);color:var(--color-text-muted);margin:0;line-height:var(--leading-normal)}.setup-progress-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);width:100%}.setup-progress-bar{width:200px;height:4px;background:var(--color-surface-active);border-radius:var(--radius-full);overflow:hidden}.setup-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:var(--radius-full);transition:width var(--transition-base) ease}.setup-progress-text{font-size:var(--font-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}@keyframes setupRipple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(4);opacity:0}}@media (max-width: 768px){.setup-page{padding:0;align-items:flex-start}.setup-container{max-width:100%;margin:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-xl) var(--space-lg);min-height:100vh}.setup-title{font-size:var(--font-3xl)}.setup-subtitle{font-size:var(--font-base)}.setup-form{gap:var(--space-xl)}.setup-section-title{font-size:var(--font-lg);flex-wrap:wrap}.setup-style-options{gap:var(--space-sm)}.setup-style-option{padding:var(--space-md);gap:var(--space-sm)}.setup-style-label{font-size:var(--font-base)}.setup-style-description{font-size:var(--font-sm)}.setup-time-options{grid-template-columns:1fr;gap:var(--space-sm)}.setup-time-option{padding:var(--space-md)}.setup-time-header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.setup-subjects-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-sm)}.setup-subject-card{padding:var(--space-md) var(--space-sm)}.setup-subject-symbol{font-size:var(--font-2xl);width:40px;height:40px}.setup-subject-name{font-size:var(--font-xs)}.setup-complete-btn{width:100%;max-width:350px;padding:var(--space-md) var(--space-lg);font-size:var(--font-base);min-width:auto}.setup-form-actions{margin-top:var(--space-lg)}.setup-game-reminder{flex-direction:column;text-align:center;gap:var(--space-sm)}.setup-game-info{align-items:center}}@media (max-width: 480px){.setup-container{padding:var(--space-lg) var(--space-md)}.setup-title{font-size:var(--font-2xl)}.setup-subtitle{font-size:var(--font-sm)}.setup-subjects-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-xs)}.setup-subject-card{padding:var(--space-sm)}.setup-subject-symbol{font-size:var(--font-xl);width:32px;height:32px}.setup-subject-name{font-size:11px}.setup-subject-check{width:20px;height:20px;top:var(--space-xs);right:var(--space-xs)}.setup-subject-check svg{width:12px;height:12px}.setup-time-option{flex-direction:column;text-align:center;gap:var(--space-sm)}.setup-time-radio{order:-1}.setup-time-header{align-items:center}.setup-progress-bar{width:150px}}@media (prefers-reduced-motion: reduce){.setup-particle{animation:none}.setup-loading-spinner,.setup-btn-spinner{animation:none;border-top-color:var(--color-primary)}.setup-style-option:before,.setup-time-option:before,.setup-subject-card:before,.setup-complete-btn:before{transition:none}.setup-style-option:hover,.setup-time-option:hover,.setup-subject-card:hover,.setup-complete-btn:hover{transform:none}.setup-error-message{animation:none}}@media (prefers-contrast: high){.setup-container,.setup-style-option,.setup-time-option,.setup-subject-card,.setup-complete-btn,.setup-form-textarea,.setup-form-select{border-width:2px}}.chat-discovery{height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;display:flex;flex-direction:column;position:relative;width:100%;min-height:100vh}.chat-header{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;height:60px;z-index:100;position:sticky;top:0}.phase-indicator{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.phase-icon{font-size:1.2rem;animation:bounce 2s infinite;flex-shrink:0}.phase-info{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.phase-info h3{margin:0;font-size:.8rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-bar{width:100px;height:3px;background:#fff3;border-radius:2px;overflow:hidden}.progress-fill{height:100%;transition:width .8s ease;border-radius:2px}.phase-indicator-detailed{display:flex;flex-direction:column;gap:.25rem;margin-top:.125rem}.phase-dots{display:flex;gap:.25rem}.phase-dot{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:600;transition:all .3s ease}.phase-dot.completed{background:#4ade80;color:#000}.phase-dot.active{background:#667eea;color:#fff;box-shadow:0 0 0 2px #667eea4d}.phase-dot.pending{background:#ffffff1a;color:#a0a0a0;border:1px solid rgba(255,255,255,.2)}.phase-progress-text{font-size:.65rem;color:#a0a0a0;font-style:italic}.mobile-phase-indicator{margin-top:.125rem}.mobile-phase-text{font-size:.65rem;color:#a0a0a0;font-weight:500;background:#667eea1a;padding:.125rem .375rem;border-radius:8px;border:1px solid rgba(102,126,234,.2)}.reset-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#a0a0a0;cursor:pointer;transition:all .3s ease;font-size:.7rem;padding:.5rem .75rem;white-space:nowrap}.reset-btn.mobile{padding:.375rem;min-width:32px;font-size:.8rem}.reset-btn:hover{background:#fff3;border-color:#ffffff4d;color:#fff}@media (max-width: 767px){.phase-progress-text,.total-insights{display:none}}.discovery-score{text-align:right;flex-shrink:0}.score-label{display:block;color:#a0a0a0;font-size:.7rem}.score-value{display:block;font-size:1rem;font-weight:700;color:#4ade80}.chat-container{flex:1;display:flex;flex-direction:column;gap:.5rem;padding:.5rem;min-height:0;height:calc(100vh - 60px);width:100%;overflow:hidden}.messages-section{display:flex;flex-direction:column;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden;min-height:0;flex:1;order:1}.personality-panel,.career-panel,.additional-panel,.insights-panel{display:none;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.05);padding:.75rem;max-height:120px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.personality-panel::-webkit-scrollbar,.career-panel::-webkit-scrollbar,.additional-panel::-webkit-scrollbar,.insights-panel::-webkit-scrollbar{width:3px}.personality-panel::-webkit-scrollbar-track,.career-panel::-webkit-scrollbar-track,.additional-panel::-webkit-scrollbar-track,.insights-panel::-webkit-scrollbar-track{background:transparent}.personality-panel::-webkit-scrollbar-thumb,.career-panel::-webkit-scrollbar-thumb,.additional-panel::-webkit-scrollbar-thumb,.insights-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.mobile-panel-toggle{display:flex;justify-content:center;gap:.5rem;padding:.5rem;background:#ffffff0d;border-radius:8px;margin-bottom:.5rem;order:2}.panel-toggle-btn{flex:1;padding:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#a0a0a0;font-size:.7rem;cursor:pointer;transition:all .3s ease}.panel-toggle-btn.active{background:#667eea;color:#fff;border-color:#667eea}.panel-toggle-btn:hover{background:#ffffff26}.messages-list{flex:1;padding:.75rem;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:.5rem;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;scroll-behavior:smooth}.messages-list::-webkit-scrollbar{width:3px}.messages-list::-webkit-scrollbar-track{background:transparent}.messages-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.messages-end{height:1px;width:1px;opacity:0;pointer-events:none}.message{display:flex;gap:.5rem;align-items:flex-start;animation:slideIn .3s ease;max-width:100%}.user-message{flex-direction:row-reverse}.ai-message{flex-direction:row}.ai-avatar,.user-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-avatar{background:linear-gradient(135deg,#667eea,#764ba2)}.user-avatar{background:linear-gradient(135deg,#4ade80,#22d3ee)}.avatar-icon{font-size:.9rem}.message-bubble{max-width:80%;background:#ffffff14;border-radius:12px;padding:.6rem .8rem;position:relative;word-wrap:break-word;overflow-wrap:break-word}.user-message .message-bubble{background:linear-gradient(135deg,#4ade80,#22d3ee);color:#000}.message-content{line-height:1.4;margin-bottom:.25rem;font-size:.85rem}.personality-hints{display:flex;gap:.25rem;margin:.25rem 0;flex-wrap:wrap}.hint-badge{background:#667eea33;color:#667eea;padding:.125rem .375rem;border-radius:6px;font-size:.65rem;font-weight:600}.message-time{color:#a0a0a0;font-size:.65rem;margin-top:.25rem}.user-message .message-time{color:#0009}.typing{opacity:.8}.typing-dots{display:flex;gap:.25rem;align-items:center}.typing-dots span{width:4px;height:4px;background:#667eea;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}.chat-input{padding:.75rem;background:#ffffff0d;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.input-form{width:100%}.input-container{display:flex;align-items:flex-end;gap:.5rem;background:#ffffff14;border-radius:12px;padding:.6rem;border:2px solid transparent;transition:all .3s ease}.input-container.focused{border-color:#667eea;background:#ffffff1f}.message-input{flex:1;background:none;border:none;color:#fff;font-size:.85rem;line-height:1.4;resize:none;outline:none;min-height:18px;max-height:80px;font-family:inherit}.message-input::placeholder{color:#a0a0a0}.send-button{width:28px;height:28px;border-radius:50%;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.send-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 15px #667eea66}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.send-icon{font-size:.9rem}.input-hint{margin-top:.5rem;color:#a0a0a0;font-size:.7rem;text-align:center;font-style:italic}.suggestions-container{padding:.75rem;background:#ffffff08;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.suggestions-label{color:#a0a0a0;font-size:.7rem;font-weight:500;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.suggestions-list{display:flex;flex-direction:column;gap:.5rem}.suggestion-btn{background:#667eea1a;border:1px solid rgba(102,126,234,.3);color:#667eea;padding:.75rem 1rem;border-radius:12px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:normal;text-align:left;width:100%}.suggestion-btn:hover{background:#667eea33;border-color:#667eea80;transform:translateY(-1px);box-shadow:0 2px 8px #667eea33}.suggestion-btn:active{transform:translateY(0)}.personality-radar,.career-hints,.teaching-insights{background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);padding:.75rem;flex-shrink:0}.radar-title,.hints-title,.insights-title{margin:0 0 .5rem;font-size:.8rem;font-weight:600;color:#fff}.insights-subtitle{margin:0 0 .5rem;color:#a0a0a0;font-size:.65rem;font-style:italic}.message.platform-info{border-left:2px solid #4ade80;background:#4ade800d}.message.platform-info .message-bubble{background:#4ade801a;border:1px solid rgba(74,222,128,.2)}.message.core-question{border-left:2px solid #f093fb;background:#f093fb0d}.message.core-question .message-bubble{background:#f093fb1a;border:1px solid rgba(240,147,251,.2);box-shadow:0 0 15px #f093fb1a}.message.discovery-complete{border-left:2px solid #ffc107;background:#ffc1070d}.message.discovery-complete .message-bubble{background:#ffc1071a;border:1px solid rgba(255,193,7,.2)}.discovery-complete-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem}.modal-content{background:linear-gradient(135deg,#0f0f23,#1a1a2e);border:2px solid rgba(102,126,234,.3);border-radius:16px;padding:2rem 1.5rem;max-width:400px;width:100%;text-align:center;box-shadow:0 20px 40px #0000004d;max-height:90vh;overflow-y:auto}.modal-content h2{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-content p{color:#d0d0d0;font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.modal-actions{display:flex;flex-direction:column;gap:.75rem;justify-content:center}.modal-actions .btn{padding:.75rem 1.5rem;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;width:100%}.modal-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.modal-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.modal-actions .btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.modal-actions .btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.modal-actions .btn-tertiary{background:transparent;color:#a0a0a0;border:1px solid rgba(255,255,255,.1)}.modal-actions .btn-tertiary:hover{color:#fff;border-color:#ffffff4d}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}@keyframes suggestionAppear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.suggestion-btn{animation:suggestionAppear .3s ease both}.suggestion-btn:nth-child(1){animation-delay:.1s}.suggestion-btn:nth-child(2){animation-delay:.2s}.suggestion-btn:nth-child(3){animation-delay:.3s}@media (max-width: 767px){.stage-dots{display:none}}@media (min-width: 768px){.chat-header{height:70px;padding:.75rem 1.5rem}.phase-info h3{font-size:.9rem}.progress-bar{width:150px;height:4px}.stage-progress-text{display:block}.stage-dots{display:flex}.chat-container{padding:.75rem;gap:.75rem}.messages-list{padding:1rem;gap:.75rem}.message-bubble{max-width:75%;padding:.75rem 1rem}.message-content{font-size:.9rem}.suggestions-list{display:flex;flex-direction:row;flex-wrap:wrap}.suggestion-btn{flex:1;min-width:0;font-size:.85rem;padding:.6rem 1rem}.ai-avatar,.user-avatar{width:32px;height:32px}.avatar-icon{font-size:1rem}.personality-panel{display:block;order:3;max-height:200px}.mobile-panel-toggle{display:none}}@media (min-width: 1024px){.chat-header{height:80px;padding:.75rem 1.5rem}.phase-info h3{font-size:1rem}.progress-bar{width:200px}.score-value{font-size:1.2rem}.chat-container{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem;padding:1rem;height:calc(100vh - 80px)}.messages-section{grid-column:1;order:unset}.personality-panel{display:flex;flex-direction:column;grid-column:2;order:unset;max-height:unset;height:100%}.career-panel{display:flex;flex-direction:column;grid-column:3;order:unset;max-height:unset;height:100%}.additional-panel,.insights-panel{display:flex;flex-direction:column;grid-column:4;order:unset;max-height:unset;height:100%}.mobile-panel-toggle{display:none}.suggestions-list{gap:.5rem}.suggestion-btn{padding:.5rem 1rem;border-radius:20px;flex:0 1 auto;white-space:nowrap}.modal-content{max-width:500px;padding:3rem}.modal-content h2{font-size:2rem}.modal-content p{font-size:1.1rem}.modal-actions{flex-direction:row;flex-wrap:wrap}.modal-actions .btn{flex:1;min-width:120px}}@media (min-width: 1440px){.chat-container{max-width:1400px;margin:0 auto;padding:1.5rem}.messages-list,.personality-panel,.career-panel,.additional-panel,.insights-panel{padding:1.5rem}}@media (hover: none) and (pointer: coarse){.send-button{width:36px;height:36px}.suggestion-btn{min-height:44px;padding:.75rem 1rem}.modal-actions .btn{min-height:48px;padding:1rem 1.5rem}.panel-toggle-btn{min-height:40px;padding:.75rem}}@media (prefers-reduced-motion: reduce){.bounce,.slideIn,.slideUp,.typing,.suggestionAppear{animation:none}.send-button:hover,.suggestion-btn:hover,.modal-actions .btn:hover{transform:none}}@media (prefers-contrast: high){.chat-discovery{background:#000}.message-bubble{border:2px solid #ffffff}.user-message .message-bubble{background:#fff;color:#000;border:2px solid #000000}.suggestion-btn{border:2px solid #667eea}}.locks-keys-discovery{--color-primary: #667eea;--color-primary-dark: #764ba2;--color-secondary: #4ade80;--color-tertiary: #f093fb;--color-accent: #45B7D1;--color-danger: #ef4444;--color-warning: #f59e0b;--color-success: #4ade80;--color-info: #3b82f6;--color-bg-primary: #000000;--color-bg-secondary: #0a0a0a;--color-bg-tertiary: #1a1a1a;--color-surface: rgba(255, 255, 255, .03);--color-surface-hover: rgba(255, 255, 255, .05);--color-surface-active: rgba(255, 255, 255, .08);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-muted: rgba(255, 255, 255, .6);--color-text-disabled: rgba(255, 255, 255, .4);--color-border: rgba(255, 255, 255, .05);--color-border-hover: rgba(255, 255, 255, .1);--color-border-active: rgba(255, 255, 255, .2);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 5rem;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .3), 0 4px 16px rgba(255, 255, 255, .1) inset;--shadow-crystal: 0 20px 40px rgba(0, 0, 0, .4), 0 8px 16px rgba(255, 255, 255, .1) inset;--shadow-diamond: 0 25px 50px rgba(0, 0, 0, .5), 0 10px 20px rgba(255, 255, 255, .05) inset;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--transition-luxury: .4s cubic-bezier(.25, .46, .45, .94);--transition-silk: cubic-bezier(.4, 0, .2, 1);--lk-bg-primary: #f8fafc;--lk-bg-secondary: #ffffff;--lk-bg-tertiary: #f1f5f9;--lk-text-primary: #1e293b;--lk-text-secondary: #475569;--lk-text-muted: #64748b;--lk-border: #e2e8f0;--lk-border-hover: #cbd5e1}.locks-keys-discovery{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;line-height:var(--leading-normal);color:var(--lk-text-primary);background:var(--lk-bg-primary)}.locks-keys-discovery .container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.locks-keys-discovery.intro-step,.locks-keys-discovery.partner-setup-step{background:linear-gradient(135deg,#f0f9ff,#e0e7ff)}.locks-keys-discovery.assessment-step{background:linear-gradient(135deg,#f0f9ff,#e0e7ff,#fef3f2)}.locks-keys-discovery.results-step{background:linear-gradient(135deg,#f0f9ff,#ecfdf5)}.locks-keys-discovery.keys-step{background:linear-gradient(135deg,#ecfdf5,#fefce8)}.locks-keys-particles{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1;overflow:hidden}.locks-keys-particle{position:absolute;width:3px;height:3px;background:#667eea66;border-radius:50%;animation:lkFloatUp 15s linear infinite}@keyframes lkFloatUp{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) scale(1.2)}}.locks-keys-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--lk-bg-primary)}.locks-keys-loading-content{text-align:center;max-width:500px;padding:var(--space-xl)}.locks-keys-spinner{width:64px;height:64px;border:4px solid rgba(102,126,234,.2);border-top:4px solid var(--color-primary);border-radius:50%;animation:lkSpin 1s linear infinite;margin:0 auto var(--space-lg)}@keyframes lkSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.locks-keys-loading h2{font-size:var(--font-2xl);font-weight:var(--font-weight-semibold);color:var(--lk-text-primary);margin:0 0 var(--space-md) 0}.locks-keys-loading p{font-size:var(--font-base);color:var(--lk-text-secondary);margin:0}.locks-keys-card{background:var(--lk-bg-secondary);border:1px solid var(--lk-border);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.locks-keys-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--lk-border-hover)}.locks-keys-card.interactive{cursor:pointer}.locks-keys-card.interactive:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea05,#764ba205);opacity:0;transition:opacity var(--transition-base)}.locks-keys-card.interactive:hover:before{opacity:1}.locks-keys-card.primary{border-color:var(--color-primary);background:linear-gradient(135deg,#667eea0d,#764ba20d)}.locks-keys-card.success{border-color:var(--color-success);background:linear-gradient(135deg,#4ade800d,#22c55e0d)}.locks-keys-card.warning{border-color:var(--color-warning);background:linear-gradient(135deg,#f59e0b0d,#d977060d)}.locks-keys-discovery h1{font-size:var(--font-5xl);font-weight:var(--font-weight-bold);line-height:var(--leading-tight);margin:0 0 var(--space-lg) 0;color:var(--lk-text-primary)}.locks-keys-discovery h2{font-size:var(--font-3xl);font-weight:var(--font-weight-bold);line-height:var(--leading-tight);margin:0 0 var(--space-md) 0;color:var(--lk-text-primary)}.locks-keys-discovery h3{font-size:var(--font-2xl);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);margin:0 0 var(--space-md) 0;color:var(--lk-text-primary)}.locks-keys-discovery h4{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);margin:0 0 var(--space-sm) 0;color:var(--lk-text-primary)}.locks-keys-discovery p{font-size:var(--font-base);line-height:var(--leading-relaxed);margin:0 0 var(--space-md) 0;color:var(--lk-text-secondary)}.locks-keys-gradient-text{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.locks-keys-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-xl);font-size:var(--font-base);font-weight:var(--font-weight-semibold);text-decoration:none;border:none;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;min-height:48px;line-height:1}.locks-keys-btn.primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;box-shadow:var(--shadow-md)}.locks-keys-btn.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.locks-keys-btn.secondary{background:var(--lk-bg-secondary);border:2px solid var(--lk-border);color:var(--lk-text-primary)}.locks-keys-btn.secondary:hover{border-color:var(--lk-border-hover);background:var(--lk-bg-tertiary);transform:translateY(-1px)}.locks-keys-btn.success{background:linear-gradient(135deg,var(--color-success) 0%,#22c55e 100%);color:#fff;box-shadow:var(--shadow-md)}.locks-keys-btn.success:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.locks-keys-btn.warning{background:linear-gradient(135deg,var(--color-warning) 0%,#d97706 100%);color:#fff;box-shadow:var(--shadow-md)}.locks-keys-btn.warning:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.locks-keys-btn.outline{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.locks-keys-btn.outline:hover{background:var(--color-primary);color:#fff}.locks-keys-btn.large{padding:var(--space-lg) var(--space-2xl);font-size:var(--font-lg);min-height:56px}.locks-keys-btn.small{padding:var(--space-sm) var(--space-md);font-size:var(--font-sm);min-height:36px}.locks-keys-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.locks-keys-btn:disabled:hover{transform:none}.locks-keys-btn.primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left var(--transition-slow)}.locks-keys-btn.primary:hover:before{left:100%}.locks-keys-form-group{margin-bottom:var(--space-lg)}.locks-keys-label{display:block;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--lk-text-primary);margin-bottom:var(--space-sm)}.locks-keys-discovery .locks-keys-form-group{margin-bottom:var(--space-xl)}.locks-keys-discovery .locks-keys-label{color:#1e293b;font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);font-size:var(--font-base)}.locks-keys-discovery.partner-setup-step .locks-keys-card{background:#fff;border:2px solid #e2e8f0;box-shadow:0 10px 25px #0000001a}.locks-keys-discovery.partner-setup-step .locks-keys-input,.locks-keys-discovery.partner-setup-step .locks-keys-select{background:#f8fafc;border:2px solid #cbd5e1;color:#0f172a;font-size:var(--font-lg);padding:var(--space-lg);min-height:56px}.locks-keys-discovery.partner-setup-step .locks-keys-input:focus,.locks-keys-discovery.partner-setup-step .locks-keys-select:focus{background:#fff;border-color:var(--color-primary);color:#0f172a;box-shadow:0 0 0 4px #667eea26,0 4px 12px #0000001a}.locks-keys-discovery.partner-setup-step .locks-keys-input::placeholder{color:#64748b;opacity:.8;font-style:italic}.locks-keys-input,.locks-keys-select{width:100%;padding:var(--space-md) var(--space-lg);border:2px solid var(--lk-border-hover);border-radius:var(--radius-xl);font-size:var(--font-base);color:var(--lk-text-primary);background:var(--lk-bg-secondary);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.locks-keys-input:focus,.locks-keys-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea33,var(--shadow-md);transform:translateY(-1px);background:#fff}.locks-keys-input::placeholder{color:var(--lk-text-muted);opacity:.7}.locks-keys-input{background:#fff;border:2px solid #e2e8f0;color:#1e293b;font-weight:var(--font-weight-medium)}.locks-keys-input:hover{border-color:#cbd5e1;background:#f8fafc}.locks-keys-select{background:#fff;border:2px solid #e2e8f0;color:#1e293b;font-weight:var(--font-weight-medium)}.locks-keys-select:hover{border-color:#cbd5e1;background:#f8fafc}.locks-keys-select option{background:#fff;color:#1e293b;padding:var(--space-sm)}.locks-keys-progress{margin-bottom:var(--space-xl)}.locks-keys-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.locks-keys-progress-info{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--lk-text-secondary)}.locks-keys-progress-bar{width:100%;height:12px;background:#667eea1a;border-radius:var(--radius-full);overflow:hidden;position:relative}.locks-keys-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-full);transition:width var(--transition-slow);position:relative;overflow:hidden}.locks-keys-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:lkProgressShimmer 2s infinite}@keyframes lkProgressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.locks-keys-question{text-align:center;margin-bottom:var(--space-2xl)}.locks-keys-question-title{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);line-height:var(--leading-tight);margin:0 0 var(--space-lg) 0;color:var(--lk-text-primary)}.locks-keys-question-subtitle{font-size:var(--font-base);color:var(--lk-text-secondary);margin:0}.locks-keys-options{display:grid;gap:var(--space-sm);margin-top:var(--space-2xl)}.locks-keys-option{display:flex;align-items:flex-start;gap:var(--space-lg);padding:var(--space-lg);background:var(--lk-bg-secondary);border:2px solid var(--lk-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);text-align:left;position:relative;overflow:hidden}.locks-keys-option:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea08,#764ba208);opacity:0;transition:opacity var(--transition-base)}.locks-keys-option:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.locks-keys-option:hover:before{opacity:1}.locks-keys-option-marker{width:40px;height:40px;background:var(--lk-bg-tertiary);border:2px solid var(--lk-border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--color-primary);flex-shrink:0;position:relative;z-index:1;transition:all var(--transition-base)}.locks-keys-option:hover .locks-keys-option-marker{background:#667eea1a;border-color:var(--color-primary)}.locks-keys-option-text{flex:1;font-size:var(--font-base);font-weight:var(--font-weight-medium);color:var(--lk-text-primary);line-height:var(--leading-relaxed);position:relative;z-index:1}.locks-keys-option-arrow{width:20px;height:20px;color:var(--lk-text-muted);flex-shrink:0;position:relative;z-index:1;transition:all var(--transition-base)}.locks-keys-option:hover .locks-keys-option-arrow{color:var(--color-primary);transform:translate(4px)}.locks-keys-option.skip{background:#f59e0b0d;border-color:#f59e0b33}.locks-keys-option.skip:hover{border-color:var(--color-warning)}.locks-keys-option.skip .locks-keys-option-marker{background:#f59e0b1a;border-color:var(--color-warning);color:var(--color-warning)}.locks-keys-option.skip .locks-keys-option-text{color:#92400e}.locks-keys-results-header{text-align:center;margin-bottom:var(--space-2xl)}.locks-keys-profile-equation{display:inline-block;background:var(--lk-bg-secondary);border:1px solid var(--lk-border);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-lg)}.locks-keys-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md);margin-bottom:var(--space-2xl)}.locks-keys-metric{background:var(--lk-bg-secondary);border:1px solid var(--lk-border);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;box-shadow:var(--shadow-sm)}.locks-keys-metric-label{font-size:var(--font-xs);color:var(--lk-text-muted);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.05em}.locks-keys-metric-value{font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--color-primary)}.locks-keys-metric-value.very-high{color:#22c55e}.locks-keys-metric-value.high{color:var(--color-primary)}.locks-keys-metric-value.medium{color:var(--color-warning)}.locks-keys-metric-value.low{color:var(--lk-text-muted)}.locks-keys-key-section{margin-bottom:var(--space-2xl)}.locks-keys-key-category{background:var(--lk-bg-secondary);border:1px solid var(--lk-border);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg)}.locks-keys-key-category-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.locks-keys-key-category-icon{width:24px;height:24px;color:var(--color-primary)}.locks-keys-key-category-title{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--lk-text-primary);margin:0}.locks-keys-key-category-desc{font-size:var(--font-sm);color:var(--lk-text-secondary);margin:0 0 var(--space-lg) 0}.locks-keys-key-list{display:grid;gap:var(--space-md)}.locks-keys-key-item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);padding:var(--space-lg);background:#667eea08;border:1px solid rgba(102,126,234,.1);border-radius:var(--radius-lg);transition:all var(--transition-base)}.locks-keys-key-item:hover{background:#667eea0d;border-color:#667eea33}.locks-keys-key-text{flex:1;font-size:var(--font-sm);color:var(--lk-text-primary);line-height:var(--leading-relaxed)}.locks-keys-key-select{background:var(--color-primary);color:#fff;border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.locks-keys-key-select:hover{background:var(--color-primary-dark);transform:scale(1.05)}.locks-keys-key-category.environment .locks-keys-key-item{background:#22c55e08;border-color:#22c55e1a}.locks-keys-key-category.environment .locks-keys-key-item:hover{background:#22c55e0d;border-color:#22c55e33}.locks-keys-key-category.environment .locks-keys-key-select{background:var(--color-success)}.locks-keys-key-category.environment .locks-keys-key-select:hover{background:#16a34a}.locks-keys-key-category.communication .locks-keys-key-item{background:#3b82f608;border-color:#3b82f61a}.locks-keys-key-category.communication .locks-keys-key-item:hover{background:#3b82f60d;border-color:#3b82f633}.locks-keys-key-category.communication .locks-keys-key-select{background:var(--color-info)}.locks-keys-key-category.communication .locks-keys-key-select:hover{background:#2563eb}.locks-keys-key-category.system .locks-keys-key-item{background:#a855f708;border-color:#a855f71a}.locks-keys-key-category.system .locks-keys-key-item:hover{background:#a855f70d;border-color:#a855f733}.locks-keys-key-category.system .locks-keys-key-select{background:#a855f7}.locks-keys-key-category.system .locks-keys-key-select:hover{background:#9333ea}.locks-keys-selected-key{margin-top:var(--space-2xl);background:linear-gradient(135deg,#22c55e0d,#10b9810d);border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-xl);padding:var(--space-2xl)}.locks-keys-selected-key-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.locks-keys-selected-key-title{display:flex;align-items:center;gap:var(--space-md);font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--lk-text-primary);margin:0}.locks-keys-selected-key-icon{width:24px;height:24px;color:var(--color-success)}.locks-keys-selected-key-toggle{color:var(--color-success);background:none;border:none;font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;display:flex;align-items:center;gap:var(--space-sm);transition:color var(--transition-base)}.locks-keys-selected-key-toggle:hover{color:#16a34a}.locks-keys-selected-key-content{background:var(--lk-bg-secondary);border:1px solid var(--lk-border);border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-sm)}.locks-keys-selected-key-badge{background:#22c55e1a;color:#16a34a;font-size:var(--font-xs);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);margin-bottom:var(--space-md);display:inline-block}.locks-keys-selected-key-action{font-size:var(--font-base);font-weight:var(--font-weight-medium);color:var(--lk-text-primary);margin:0 0 var(--space-lg) 0}.locks-keys-implementation-details{margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid var(--lk-border)}.locks-keys-implementation-section{margin-bottom:var(--space-2xl)}.locks-keys-implementation-title{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--lk-text-primary);margin:0 0 var(--space-md) 0}.locks-keys-implementation-overview{font-size:var(--font-sm);color:var(--lk-text-secondary);margin:0 0 var(--space-lg) 0}.locks-keys-steps{list-style:none;padding:0;margin:0}.locks-keys-step{display:flex;gap:var(--space-lg);margin-bottom:var(--space-md);font-size:var(--font-sm);color:var(--lk-text-primary)}.locks-keys-step-number{background:#22c55e1a;color:#16a34a;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-xs);font-weight:var(--font-weight-bold);flex-shrink:0}.locks-keys-step-text{flex:1;line-height:var(--leading-relaxed)}.locks-keys-implementation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-top:var(--space-2xl)}.locks-keys-implementation-item{padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--lk-border)}.locks-keys-implementation-item.why-works{background:#3b82f60d;border-color:#3b82f633}.locks-keys-implementation-item.setup-time{background:#a855f70d;border-color:#a855f733}.locks-keys-implementation-item.cost{background:#f59e0b0d;border-color:#f59e0b33}.locks-keys-implementation-item h5{font-size:var(--font-sm);font-weight:var(--font-weight-medium);margin:0 0 var(--space-sm) 0}.locks-keys-implementation-item.why-works h5{color:#2563eb}.locks-keys-implementation-item.setup-time h5{color:#9333ea}.locks-keys-implementation-item.cost h5{color:#d97706}.locks-keys-implementation-item p{font-size:var(--font-xs);margin:0;line-height:var(--leading-relaxed)}.locks-keys-implementation-item.why-works p{color:#1e40af}.locks-keys-implementation-item.setup-time p{color:#7c3aed}.locks-keys-implementation-item.cost p{color:#b45309}.locks-keys-trial-section{background:#22c55e0d;border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-2xl)}.locks-keys-trial-text{color:#166534;font-size:var(--font-sm);margin:0 0 var(--space-md) 0}.locks-keys-trial-actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.locks-keys-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-medium);line-height:1}.locks-keys-badge.primary{background:#667eea1a;color:var(--color-primary)}.locks-keys-badge.success{background:#22c55e1a;color:#16a34a}.locks-keys-badge.warning{background:#f59e0b1a;color:#d97706}.locks-keys-badge.info{background:#3b82f61a;color:#2563eb}.locks-keys-badge.new{background:var(--color-info);color:#fff;animation:lkPulse 2s ease-in-out infinite}@keyframes lkPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.locks-keys-info-panel{padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--lk-border);margin:var(--space-lg) 0}.locks-keys-info-panel.observer-context{background:#667eea0d;border-color:#667eea33}.locks-keys-info-panel.instructions{background:#3b82f60d;border-color:#3b82f633}.locks-keys-info-panel-header{display:flex;align-items:flex-start;gap:var(--space-md)}.locks-keys-info-panel-icon{width:20px;height:20px;flex-shrink:0;margin-top:2px}.locks-keys-info-panel.observer-context .locks-keys-info-panel-icon{color:var(--color-primary)}.locks-keys-info-panel.instructions .locks-keys-info-panel-icon{color:var(--color-info)}.locks-keys-info-panel-content{flex:1;font-size:var(--font-sm);line-height:var(--leading-relaxed)}.locks-keys-info-panel.observer-context .locks-keys-info-panel-content{color:#4338ca}.locks-keys-info-panel.instructions .locks-keys-info-panel-content{color:#1e40af}.locks-keys-info-panel h3{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-sm) 0}.locks-keys-info-panel ul{list-style:none;padding:0;margin:0}.locks-keys-info-panel li{position:relative;padding-left:var(--space-lg);margin-bottom:var(--space-sm)}.locks-keys-info-panel li:before{content:"•";position:absolute;left:0;font-weight:var(--font-weight-bold)}.locks-keys-emerging-patterns{text-align:center;margin-top:var(--space-2xl)}.locks-keys-emerging-patterns-indicator{display:inline-flex;align-items:center;gap:var(--space-md);background:var(--lk-bg-secondary);border:1px solid var(--lk-border);border-radius:var(--radius-full);padding:var(--space-md) var(--space-2xl);box-shadow:var(--shadow-lg)}.locks-keys-emerging-patterns-icon{width:20px;height:20px;color:var(--color-primary)}.locks-keys-emerging-patterns-text{font-size:var(--font-sm);color:var(--lk-text-secondary)}.locks-keys-pattern-list{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.locks-keys-pattern-item{font-size:var(--font-sm)}.locks-keys-pattern-name{font-weight:var(--font-weight-medium);color:var(--color-primary)}.locks-keys-pattern-score{color:var(--lk-text-muted)}.locks-keys-pattern-separator{color:var(--lk-text-muted);margin:0 var(--space-xs)}.locks-keys-pattern-confidence{margin-top:var(--space-md);font-size:var(--font-sm);color:var(--lk-text-muted)}.locks-keys-pattern-confidence-value{font-weight:var(--font-weight-medium)}.locks-keys-appreciation{margin-top:var(--space-lg);font-size:var(--font-xs);color:var(--color-primary);font-style:italic}.locks-keys-length-options{margin-top:var(--space-2xl)}.locks-keys-length-title{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--lk-text-primary);margin-bottom:var(--space-lg)}.locks-keys-length-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.locks-keys-length-option{padding:var(--space-lg);border:2px solid var(--lk-border);border-radius:var(--radius-xl);background:var(--lk-bg-secondary);cursor:pointer;transition:all var(--transition-base);text-align:center}.locks-keys-length-option:hover{border-color:var(--lk-border-hover)}.locks-keys-length-option.selected{border-color:var(--color-primary);background:#667eea0d}.locks-keys-length-name{font-size:var(--font-base);font-weight:var(--font-weight-bold);color:var(--lk-text-primary);margin-bottom:var(--space-xs)}.locks-keys-length-desc{font-size:var(--font-xs);color:var(--lk-text-secondary);opacity:.75}@media (max-width: 768px){.locks-keys-discovery .container{padding:0 var(--space-md)}.locks-keys-discovery h1{font-size:var(--font-4xl)}.locks-keys-discovery h2{font-size:var(--font-2xl)}.locks-keys-card{padding:var(--space-xl)}.locks-keys-btn.large{padding:var(--space-lg);font-size:var(--font-base)}.locks-keys-metrics{grid-template-columns:repeat(2,1fr)}.locks-keys-length-grid{grid-template-columns:1fr}.locks-keys-option{padding:var(--space-lg)}.locks-keys-trial-actions{flex-direction:column}.locks-keys-implementation-grid{grid-template-columns:1fr}.locks-keys-question-title{font-size:calc(var(--font-2xl) * .9)}.locks-keys-option{padding:calc(var(--space-lg) * .9)}}@media (max-width: 480px){.locks-keys-discovery .container{padding:0 var(--space-sm)}.locks-keys-discovery h1{font-size:var(--font-3xl)}.locks-keys-discovery h2{font-size:var(--font-xl)}.locks-keys-card{padding:var(--space-lg)}.locks-keys-option{flex-direction:column;gap:var(--space-sm);text-align:center;padding:var(--space-md)}.locks-keys-option-marker{margin:0 auto}.locks-keys-metrics{grid-template-columns:1fr}.locks-keys-emerging-patterns-indicator{flex-direction:column;gap:var(--space-sm);padding:var(--space-lg)}.locks-keys-pattern-list{justify-content:center}.locks-keys-btn{width:100%;justify-content:center}.locks-keys-selected-key-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.locks-keys-key-item{flex-direction:column;gap:var(--space-md);text-align:center}.locks-keys-step{flex-direction:column;gap:var(--space-sm);text-align:center}.locks-keys-step-number{margin:0 auto}.locks-keys-options{gap:calc(var(--space-sm) * .75)}.locks-keys-question-title{font-size:var(--font-xl)}}.locks-keys-btn:focus-visible,.locks-keys-input:focus-visible,.locks-keys-select:focus-visible,.locks-keys-option:focus-visible,.locks-keys-length-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.locks-keys-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){.locks-keys-particle,.locks-keys-spinner{animation:none}.locks-keys-card,.locks-keys-btn,.locks-keys-option,.locks-keys-input,.locks-keys-select{transition:none}.locks-keys-card:hover,.locks-keys-option:hover{transform:none}.locks-keys-badge.new{animation:none}.locks-keys-progress-fill:after{animation:none}.locks-keys-btn.primary:before{transition:none}@keyframes lkFloatUp{0%,to{opacity:0;transform:translateY(0)}}@keyframes lkProgressShimmer{0%,to{transform:translate(0)}}@keyframes lkPulse{0%,to{transform:scale(1)}}}@media (prefers-contrast: high){.locks-keys-card,.locks-keys-option,.locks-keys-info-panel{border-width:2px}.locks-keys-btn.primary{background:var(--color-primary)}.locks-keys-key-item{border-width:2px}}@media print{.locks-keys-particles,.locks-keys-spinner{display:none!important}.locks-keys-card,.locks-keys-key-category{break-inside:avoid;page-break-inside:avoid}.locks-keys-discovery{background:#fff!important;color:#000!important}.locks-keys-btn,.locks-keys-key-select{display:none!important}.locks-keys-discovery h1,.locks-keys-discovery h2,.locks-keys-discovery h3{color:#000!important}}:root{--sono-primary: #6366f1;--sono-secondary: #8b5cf6;--sono-accent: #06b6d4;--sono-success: #10b981;--sono-warning: #f59e0b;--sono-error: #ef4444;--sono-glass: rgba(255, 255, 255, .1);--sono-glass-strong: rgba(255, 255, 255, .15);--sono-glass-border: rgba(255, 255, 255, .2);--sono-glass-hover: rgba(255, 255, 255, .25);--sono-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--sono-gradient-card: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--sono-gradient-overlay: linear-gradient(135deg, rgba(102, 126, 234, .1) 0%, rgba(118, 75, 162, .1) 100%);--sono-dark-bg: linear-gradient(135deg, #0f0f23 0%, #1a1a3e 50%, #2d1b69 100%);--font-xs: .875rem;--font-sm: 1rem;--font-base: 1.125rem;--font-lg: 1.25rem;--font-xl: 1.5rem;--font-2xl: 1.75rem;--font-3xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--mobile-padding: var(--space-4);--mobile-gap: var(--space-3);--desktop-padding: var(--space-6);--desktop-gap: var(--space-4);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--card-radius: var(--radius-lg);--button-radius: var(--radius-md);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--card-max-width: 400px;--card-padding: var(--space-6)}.card-container,.registration-container{min-height:100vh;background:var(--sono-dark-bg);padding:var(--mobile-padding);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;width:100%;box-sizing:border-box;gap:var(--mobile-gap)}.card-container:before,.registration-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:var(--sono-gradient-overlay);pointer-events:none;z-index:0}.card-viewer-container{width:100%;max-width:var(--card-max-width);margin:0 auto;position:relative;z-index:1;padding:0;box-sizing:border-box}.card-header-minimal{display:flex;justify-content:center;align-items:center;padding:var(--space-2) var(--space-4);background:var(--sono-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--sono-glass-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-lg);margin-bottom:var(--space-4)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-4);margin-bottom:0;padding:var(--space-4);background:var(--sono-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--sono-glass-border);border-radius:0 0 var(--radius-xl) var(--radius-xl);box-shadow:var(--shadow-lg);gap:var(--space-2)}.card-logo{display:flex;align-items:center;gap:var(--space-3)}.sono-logo{font-size:var(--font-xl);font-weight:800;background:var(--sono-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.025em}.card-id-display{background:#0006;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-weight:600;color:#ffffffe6;border:1px solid rgba(255,255,255,.1);font-size:var(--font-sm);letter-spacing:.05em;text-transform:uppercase;word-break:break-all}.edit-card-btn{background:var(--sono-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--sono-glass-border);color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-base);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-height:60px;justify-content:center;position:relative;overflow:hidden;width:auto}.edit-card-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.edit-card-btn:hover:before{left:100%}.edit-card-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--sono-glass-hover)}.edit-note{font-size:var(--font-sm);color:#fffc;font-weight:500;text-align:center;line-height:1.2}.edit-card-btn.claimable{background:linear-gradient(135deg,var(--sono-success) 0%,#059669 100%);border-color:#10b98180;animation:claimPulse 2s infinite}.edit-card-btn.owner{background:var(--sono-gradient-primary);border-color:#6366f180}.edit-card-btn.login-required{background:linear-gradient(135deg,var(--sono-warning) 0%,#d97706 100%);color:#1a1a1a}.edit-card-btn.login-required .edit-note{color:#000c}.edit-card-btn.not-owner{background:#ffffff1a;border-color:#fff3;color:#ffffff80;cursor:not-allowed;opacity:.6}.edit-card-btn.not-owner:hover{transform:none;box-shadow:none}.edit-card-btn.not-owner .edit-note{color:#ffffff80}.edit-card-btn.linking{animation:linkingPulse 1.5s infinite}.edit-card-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.edit-card-btn:disabled:hover{transform:none;box-shadow:none}.business-card{margin-bottom:0;width:100%}.card-front{background:var(--sono-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--sono-glass-border);border-radius:0 0 var(--radius-xl) var(--radius-xl);padding:var(--card-padding);position:relative;overflow:hidden;box-shadow:var(--shadow-2xl);transition:all .3s ease;margin-bottom:0}.card-front:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.card-front:hover{transform:translateY(-1px);box-shadow:0 32px 64px -12px #00000059}.card-type-indicator{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;align-items:center;gap:var(--space-2);background:#6666f133;padding:var(--space-1) var(--space-3);border-radius:var(--button-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,102,241,.3)}.type-icon{font-size:var(--font-sm);font-weight:600;color:var(--sono-primary)}.type-label{display:none}.card-content{margin-top:var(--space-2);padding-right:var(--space-8)}.card-name{font-size:var(--font-3xl);font-weight:700;color:#fff;margin-bottom:var(--space-2);line-height:1.1;letter-spacing:-.025em;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;word-break:break-word}.card-title{font-size:var(--font-xl);color:var(--sono-primary);margin-bottom:var(--space-1);font-weight:600;letter-spacing:-.01em;word-break:break-word}.card-company{font-size:var(--font-lg);color:#fffc;margin-bottom:var(--space-6);font-weight:500;word-break:break-word}.card-contact-preview{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.contact-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);background:#ffffff0d;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);transition:all .3s ease;word-break:break-word}.contact-item:hover{background:#ffffff1a;border-color:#fff3}.contact-icon{font-size:var(--font-base);width:20px;text-align:center;color:var(--sono-primary);flex-shrink:0;margin-top:.05rem}.contact-value{color:#ffffffe6;font-size:var(--font-base);font-weight:500;flex:1;word-break:break-all;line-height:1.4}.card-actions{display:flex;justify-content:center;margin-top:var(--space-6)}.action-btn{background:var(--sono-gradient-primary);border:none;color:#fff;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);font-size:var(--font-base);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:inherit;max-width:200px}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.action-btn:hover:before{left:100%}.action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-2xl)}.action-btn:active{transform:translateY(0)}.action-btn.primary{background:var(--sono-gradient-primary);color:#fff;box-shadow:0 2px 8px #6666f14d}.contact-details{background:var(--sono-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--sono-glass-border);border-radius:var(--radius-xl);padding:12px!important;margin-bottom:12px!important;box-shadow:var(--shadow-lg);width:100%;box-sizing:border-box}.contact-details h3{color:#fff;margin:0 0 12px!important;padding:0!important;font-size:var(--font-lg);font-weight:700;text-align:center;letter-spacing:-.025em}.contact-details *{margin-top:0!important}.contact-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-bottom:var(--space-8)}.contact-section{text-align:center;word-break:break-word}.contact-section h4{color:#fff9;font-size:var(--font-xs);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.contact-link{color:var(--sono-primary);text-decoration:none;font-weight:600;font-size:var(--font-xl);line-height:1.4;transition:all .3s ease;display:block;padding:var(--space-3);background:#6366f11a;border-radius:var(--radius-md);border:1px solid rgba(99,102,241,.2);word-break:break-all}.contact-link:hover,.contact-link:active{color:#fff;background:#6366f133;border-color:#6366f166;transform:translateY(-1px)}.contact-grid-mobile{display:flex;flex-direction:column;gap:6px!important;margin-bottom:12px!important}.contact-section{text-align:center;word-break:break-word;margin:0!important;padding:0!important}.contact-section h4{color:#fff9;font-size:var(--font-xs);margin:0 0 4px!important;padding:0!important;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.contact-link-mobile{color:var(--sono-primary);text-decoration:none;font-weight:600;font-size:var(--font-base);line-height:1.4;transition:all .3s ease;display:block;padding:8px 12px!important;margin:0!important;background:#6366f11a;border-radius:var(--radius-md);border:1px solid rgba(99,102,241,.2);word-break:break-all}.contact-link-mobile:hover,.contact-link-mobile:active{color:#fff;background:#6366f133;border-color:#6366f166;transform:translateY(-1px)}.contact-actions{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.contact-actions .action-btn{background:var(--sono-glass-strong);border:1px solid var(--sono-glass-border);color:#fff;max-width:none;padding:var(--space-3) var(--space-4);min-height:44px;font-size:var(--font-sm);text-decoration:none}.contact-actions .action-btn:hover{background:var(--sono-glass-hover);border-color:#fff}.contact-actions-mobile{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2)}.action-btn-mobile{background:var(--sono-glass-strong);border:1px solid var(--sono-glass-border);color:#fff;padding:var(--space-2) var(--space-3);min-height:40px;font-size:var(--font-sm);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;text-decoration:none;display:flex;align-items:center;justify-content:center;font-family:inherit;font-weight:500}.action-btn-mobile:hover{background:var(--sono-glass-hover);border-color:#fff;transform:translateY(-1px)}.action-btn-mobile:active{transform:translateY(0)}.action-btn-mobile:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact-actions a.action-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.email-link{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b98180}.email-link:hover{background:linear-gradient(135deg,#059669,#047857);border-color:#10b981cc}.phone-link{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f680}.phone-link:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#3b82f6cc}.website-link{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf680}.website-link:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#8b5cf6cc}.stats-grid{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);background:#ffffff08;padding:var(--space-2);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05);margin-bottom:var(--space-3)}.stat-item{text-align:center;background:none;border:none;padding:var(--space-1);border-radius:0;flex:1;transition:all .3s ease}.stat-item:hover{transform:none}.stat-icon{display:none}.stat-value{font-size:var(--font-sm);font-weight:600;color:var(--sono-primary);display:block;margin-bottom:2px;word-break:break-word;line-height:1.2}.stat-label{font-size:var(--font-xs);color:#fff9;text-transform:uppercase;letter-spacing:.05em;font-weight:500;line-height:1}.edit-card-btn-footer.claimable{background:linear-gradient(135deg,var(--sono-success) 0%,#059669 100%);border-color:#10b98180;animation:claimPulse 2s infinite}.edit-card-btn-footer.owner{background:var(--sono-gradient-primary);border-color:#6366f180}.edit-card-btn-footer.login-required{background:linear-gradient(135deg,var(--sono-warning) 0%,#d97706 100%);color:#1a1a1a}.edit-card-btn-footer.not-owner{background:#ffffff1a;border-color:#fff3;color:#ffffff80;cursor:not-allowed;opacity:.6}.edit-card-btn-footer.linking{animation:linkingPulse 1.5s infinite}.edit-card-btn-footer:disabled{opacity:.6;cursor:not-allowed;transform:none}.card-footer{background:var(--sono-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--sono-glass-border);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;box-shadow:var(--shadow-lg);width:100%;box-sizing:border-box}.sono-branding{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);color:#ffffffb3;font-size:var(--font-sm)}.playground-link{background:transparent;border:2px solid var(--sono-primary);color:var(--sono-primary);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;width:100%;max-width:160px}.registration-container{min-height:100vh;background:var(--sono-dark-bg);padding:var(--mobile-padding);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;width:100%;box-sizing:border-box}.registration-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:var(--sono-gradient-overlay);pointer-events:none;z-index:0}.registration-header{text-align:center;margin-bottom:var(--space-8);position:relative;z-index:1;width:100%;max-width:500px}.registration-header .sono-brand{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6)}.registration-header h1{color:#fff;font-size:var(--font-3xl);font-weight:700;margin-bottom:var(--space-3);background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.registration-header p{color:#ffffffb3;font-size:var(--font-base);max-width:400px;margin:0 auto;line-height:1.5}.mode-selection{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:500px;position:relative;z-index:1}.mode-option{background:var(--sono-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--sono-glass-border);border-radius:var(--radius-xl);padding:var(--space-6);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.mode-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.mode-option:hover:before{left:100%}.mode-option:hover{transform:translateY(-4px);border-color:var(--sono-primary);box-shadow:var(--shadow-2xl)}.mode-option.recommended{border-color:var(--sono-primary);background:#6366f11a}.mode-option.recommended:after{content:"Recommended";position:absolute;top:var(--space-3);right:var(--space-3);background:var(--sono-gradient-primary);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mode-icon{font-size:var(--font-3xl);margin-bottom:var(--space-3);color:var(--sono-primary)}.mode-option h3{color:#fff;font-size:var(--font-xl);font-weight:700;margin-bottom:var(--space-2);line-height:1.3}.mode-option p{color:#fffc;font-size:var(--font-base);margin-bottom:var(--space-4);line-height:1.5}.mode-benefits{display:flex;flex-wrap:wrap;gap:var(--space-2)}.mode-benefits span{background:#ffffff1a;color:#ffffffe6;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:500;border:1px solid rgba(255,255,255,.2)}.mode-divider{display:flex;align-items:center;margin:var(--space-2) 0;position:relative}.mode-divider:before{content:"";flex:1;height:1px;background:#fff3}.mode-divider:after{content:"";flex:1;height:1px;background:#fff3}.mode-divider span{padding:0 var(--space-4);color:#fff9;font-size:var(--font-sm);font-weight:500;text-transform:uppercase;letter-spacing:.1em}.login-prompt{width:100%}.login-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;margin-bottom:var(--space-4)}.login-card h3{color:#fff;font-size:var(--font-lg);font-weight:600;margin-bottom:var(--space-2)}.login-card p{color:#ffffffb3;font-size:var(--font-base);margin-bottom:var(--space-4);line-height:1.5}.step-footer{display:flex;justify-content:center;margin-top:var(--space-6);position:relative;z-index:1}.registration-form{width:100%;max-width:600px;position:relative;z-index:1}.form-section{background:var(--sono-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--sono-glass-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-lg)}.form-section h3{color:#fff;font-size:var(--font-xl);font-weight:700;margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-2);text-align:center;justify-content:center}.form-section h3:before{content:"";width:4px;height:24px;background:var(--sono-gradient-primary);border-radius:2px}.form-group{margin-bottom:var(--space-5)}.form-group:last-child{margin-bottom:0}.form-group label,.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--font-base);font-weight:600;color:#fff;text-transform:none;letter-spacing:normal}.form-group input,.form-group select,.form-group textarea,.form-input,.form-select,.form-textarea,input[type=text],input[type=email],input[type=tel],input[type=url],select,textarea{width:100%;padding:var(--space-4);background:#ffffff1a;border:2px solid var(--sono-glass-border);border-radius:var(--radius-lg);color:#fff;font-size:var(--font-base);font-family:inherit;transition:all var(--transition-base);outline:none;min-height:48px;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.form-input:focus,.form-select:focus,.form-textarea:focus,input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=url]:focus,select:focus,textarea:focus{background:#ffffff26;border-color:var(--sono-primary);box-shadow:0 0 0 3px #6366f133;transform:translateY(-1px)}.form-group input::placeholder,.form-group textarea::placeholder,.form-input::placeholder,.form-textarea::placeholder,input[type=text]::placeholder,input[type=email]::placeholder,input[type=tel]::placeholder,input[type=url]::placeholder,textarea::placeholder{color:#ffffff80}.form-row{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 640px){.form-row{grid-template-columns:1fr 1fr}}.form-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--sono-glass-border)}@media (min-width: 640px){.form-actions{flex-direction:row;justify-content:space-between}}.form-actions .btn,.form-actions button,button.btn{background:var(--sono-glass);border:2px solid var(--sono-glass-border);color:#fff;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);font-size:var(--font-base);font-weight:600;cursor:pointer;transition:all var(--transition-base);min-height:52px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex:1;font-family:inherit;text-decoration:none}.form-actions .btn:hover,.form-actions button:hover,button.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--sono-glass-hover)}.form-actions .btn-primary,.form-actions .btn.btn-primary,button.btn-primary{background:var(--sono-gradient-primary);border-color:var(--sono-primary)}.form-actions .btn-ghost,.form-actions .btn.btn-ghost,button.btn-ghost{background:transparent;border-color:var(--sono-glass-border);color:#fffc}.form-actions .btn:disabled,.form-actions button:disabled,button.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-actions .btn:disabled:hover,.form-actions button:disabled:hover,button.btn:disabled:hover{transform:none;box-shadow:none}@media (max-width: 768px){.registration-container{padding:var(--space-4);justify-content:flex-start;padding-top:var(--space-6)}.registration-header h1{font-size:var(--font-2xl)}.registration-header p{font-size:var(--font-sm)}.mode-option{padding:var(--space-4)}.mode-option h3{font-size:var(--font-lg)}.mode-option p{font-size:var(--font-sm)}.form-section{padding:var(--space-4)}.form-section h3{font-size:var(--font-lg);margin-bottom:var(--space-4)}.form-group input,.form-group select,.form-group textarea,.form-input,.form-select,.form-textarea,input[type=text],input[type=email],input[type=tel],input[type=url],select,textarea{font-size:16px;padding:var(--space-3);min-height:48px}.form-actions .btn,.form-actions button,button.btn{padding:var(--space-3) var(--space-4);font-size:var(--font-sm);min-height:48px}}.registration-container .form-section{background:var(--sono-glass)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid var(--sono-glass-border)!important}.registration-container input,.registration-container select,.registration-container textarea{background:#ffffff1a!important;border:2px solid var(--sono-glass-border)!important;color:#fff!important}.registration-container input:focus,.registration-container select:focus,.registration-container textarea:focus{background:#ffffff26!important;border-color:var(--sono-primary)!important;box-shadow:0 0 0 3px #6366f133!important}.card-editor-container{min-height:100vh;background:var(--sono-dark-bg);padding:var(--mobile-padding);display:flex;flex-direction:column;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;position:relative}.card-editor-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:var(--sono-gradient-overlay);pointer-events:none;z-index:0}.editor-form-card{width:100%;max-width:600px;background:var(--sono-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--sono-glass-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-2xl);margin-bottom:var(--space-6);position:relative;z-index:1}.editor-form-group{margin-bottom:var(--space-6)}.editor-form-label{display:block;margin-bottom:var(--space-2);font-size:var(--font-base);font-weight:600;color:#fff;text-transform:none;letter-spacing:normal}.editor-form-label .required{color:var(--sono-error);margin-left:4px}.editor-form-input,.editor-form-textarea{width:100%;padding:var(--space-4);background:#ffffff1a;border:2px solid var(--sono-glass-border);border-radius:var(--radius-lg);color:#fff;font-size:var(--font-base);font-family:inherit;transition:all var(--transition-base);outline:none;min-height:48px;box-sizing:border-box}.editor-form-input:focus,.editor-form-textarea:focus{background:#ffffff26;border-color:var(--sono-primary);box-shadow:0 0 0 3px #6366f133;transform:translateY(-1px)}.editor-form-input::placeholder,.editor-form-textarea::placeholder{color:#ffffff80}.url-preview{display:block;margin-top:var(--space-1);font-size:var(--font-sm);color:var(--sono-accent);opacity:.8;font-style:italic;word-break:break-all;padding:var(--space-1) var(--space-2);background:#06b6d41a;border-radius:var(--radius-sm);border:1px solid rgba(6,182,212,.2)}.editor-form-section{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--sono-glass-border)}.editor-form-section:last-child{border-bottom:none;margin-bottom:0}.editor-form-section h3{color:#fff;font-size:var(--font-xl);font-weight:700;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.editor-form-section h3:before{content:"";width:4px;height:24px;background:var(--sono-gradient-primary);border-radius:2px}.editor-form-row{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 640px){.editor-form-row{grid-template-columns:1fr 1fr}}.editor-form-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--sono-glass-border)}@media (min-width: 640px){.editor-form-actions{flex-direction:row;justify-content:space-between}}.editor-btn{background:var(--sono-glass);border:2px solid var(--sono-glass-border);color:#fff;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);font-size:var(--font-base);font-weight:600;cursor:pointer;transition:all var(--transition-base);min-height:52px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex:1;font-family:inherit;text-decoration:none}.editor-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.editor-btn-primary{background:var(--sono-gradient-primary);border-color:var(--sono-primary)}.editor-btn-secondary{background:transparent;border-color:var(--sono-glass-border);color:#fffc}.editor-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.editor-btn:disabled:hover{transform:none;box-shadow:none}.loading-text{display:flex;align-items:center;gap:var(--space-2)}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.editor-form-input.error{border-color:var(--sono-error);box-shadow:0 0 0 3px #ef444433}.editor-field-error{color:var(--sono-error);font-size:var(--font-sm);margin-top:var(--space-1);display:flex;align-items:center;gap:var(--space-1)}.editor-form-input.success{border-color:var(--sono-success);box-shadow:0 0 0 3px #10b98133}.editor-card-preview{background:var(--sono-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--sono-glass-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-top:var(--space-6);box-shadow:var(--shadow-lg);position:relative;z-index:1;width:100%;max-width:600px}.editor-card-preview h3{color:#fff;font-size:var(--font-lg);font-weight:700;margin-bottom:var(--space-4);text-align:center}.editor-preview-card{background:#ffffff0d;border:1px solid var(--sono-glass-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.editor-preview-card h4{color:#fff;font-size:var(--font-xl);font-weight:700;margin-bottom:var(--space-2)}.editor-preview-title{color:var(--sono-primary);font-size:var(--font-base);margin-bottom:var(--space-1)}.editor-preview-company{color:#fffc;font-size:var(--font-base);margin-bottom:var(--space-3)}.editor-preview-email{color:#ffffffe6;font-size:var(--font-sm)}.registration-header{text-align:center;margin-bottom:var(--space-8);position:relative;z-index:1}.registration-header .sono-brand{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4)}.registration-header h1{color:#fff;font-size:var(--font-3xl);font-weight:700;margin-bottom:var(--space-2);background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.registration-header p{color:#fffc;font-size:var(--font-base);max-width:500px;margin:0 auto;line-height:1.6}.error-banner,.success-banner{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);font-size:var(--font-sm);font-weight:500;position:relative;z-index:1;width:100%;max-width:600px;box-sizing:border-box}.error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--sono-error)}.success-banner{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--sono-success)}.error-icon,.success-icon{font-size:var(--font-base);flex-shrink:0}@media (max-width: 768px){.card-editor-container,.editor-form-card{padding:var(--space-4)}.editor-form-input,.editor-form-textarea{font-size:16px;padding:var(--space-3)}.editor-form-section h3{font-size:var(--font-lg)}.url-preview{font-size:var(--font-xs);word-break:break-all}.editor-btn{padding:var(--space-3) var(--space-4);font-size:var(--font-sm)}.registration-header h1{font-size:var(--font-2xl)}.registration-header p{font-size:var(--font-sm)}}.card-loading,.card-error,.card-pending{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;background:var(--sono-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--sono-glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);min-height:200px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid var(--sono-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.loading-ring{display:inline-block;width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--sono-primary);animation:spin 1s ease-in-out infinite}.card-loading p,.card-error p,.card-pending p{color:#fff;font-size:var(--font-base);font-weight:500;margin:0}.card-error{background:#ef44441a;border-color:#ef44444d}.card-error .error-icon{font-size:var(--font-3xl);color:var(--sono-error);margin-bottom:var(--space-4)}.card-pending{background:#f59e0b1a;border-color:#f59e0b4d}.card-pending .pending-icon{font-size:var(--font-3xl);color:var(--sono-warning);margin-bottom:var(--space-4)}@keyframes claimPulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 10px #10b98100}}@keyframes linkingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes contextGlow{0%{box-shadow:0 0 5px #f59e0b33}to{box-shadow:0 0 15px #f59e0b66}}@keyframes cardPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes timePulse{0%,to{opacity:1}50%{opacity:.7}}@media (min-width: 640px){.card-container,.registration-container{padding:var(--desktop-padding);gap:var(--desktop-gap)}.card-viewer-container{max-width:500px;padding:0 var(--desktop-padding)}.card-header{padding:0}.card-front{padding:var(--space-8)}.card-name{font-size:calc(var(--font-3xl) + .5rem)}.card-title{font-size:calc(var(--font-xl) + .25rem)}.card-company{font-size:calc(var(--font-lg) + .125rem)}.contact-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.contact-actions{grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.contact-details{padding:var(--space-6)}.contact-details h3{font-size:var(--font-lg)}.contact-link{font-size:var(--font-xl);padding:var(--space-3)}.sono-branding{flex-direction:row;justify-content:space-between}.card-editor-container{padding:var(--desktop-padding)}.editor-form-card,.editor-card-preview{max-width:700px}}@media (min-width: 768px){:root{--card-max-width: 500px;--card-padding: var(--space-8)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr)}}.mode-option:focus,.btn:focus,.form-group input:focus,.form-textarea:focus,.form-select:focus,.oauth-btn:focus,.signup-method:focus,.editor-btn:focus,.editor-form-input:focus,.editor-form-textarea:focus{outline:2px solid var(--sono-primary);outline-offset:2px}@media (prefers-contrast: high){.form-group input,.form-textarea,.form-select,.editor-form-input,.editor-form-textarea,.mode-option,.btn,.editor-btn{border-width:3px}.card-front,.contact-details,.card-stats,.card-footer,.editor-form-card,.editor-card-preview{border-width:2px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.edit-card-btn.linking,.card-context-banner,.card-icon,.time-remaining{animation:none}}@media (prefers-color-scheme: dark){.card-front,.editor-form-card,.editor-card-preview{background:var(--sono-glass-strong)}.contact-item{background:#ffffff14}.google-btn{background:#fffffff2}}.oauth-required{display:flex;flex-direction:column;gap:var(--space-6);width:100%;max-width:500px;position:relative;z-index:1}.countdown-timer{background:var(--sono-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--sono-glass-border);border-radius:var(--radius-xl);padding:var(--space-4);text-align:center;margin-bottom:var(--space-6);box-shadow:var(--shadow-lg)}.timer-display{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-3)}.timer-icon{font-size:var(--font-xl);color:var(--sono-primary)}.time-remaining{font-size:var(--font-3xl);font-weight:700;color:#fff;font-family:SF Mono,Monaco,Cascadia Code,monospace;letter-spacing:-.02em;transition:all .3s ease}.time-remaining[data-warning=true]{color:var(--sono-error);animation:timePulse 1s infinite}.timer-label{font-size:var(--font-sm);color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.timer-bar{width:100%;height:4px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;position:relative}.timer-progress{height:100%;background:var(--sono-gradient-primary);transition:width 1s linear;border-radius:var(--radius-full);position:relative}.timer-progress[data-warning=true]{background:linear-gradient(90deg,var(--sono-error) 0%,var(--sono-warning) 100%);animation:timePulse 1s infinite}.timer-progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}.card-preview-mini{background:var(--sono-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--sono-glass-border);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.card-preview-mini:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.card-preview-mini h3{color:#fff;font-size:var(--font-2xl);font-weight:700;margin-bottom:var(--space-2);background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-preview-mini p{color:var(--sono-primary);font-size:var(--font-lg);margin-bottom:var(--space-1);font-weight:600}.preview-status{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--sono-glass-border)}.status-pending{background:#f59e0b33;color:var(--sono-warning);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;border:1px solid rgba(245,158,11,.3);animation:cardPulse 2s infinite}.auth-requirement{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center}.requirement-icon{font-size:var(--font-3xl);margin-bottom:var(--space-3);color:var(--sono-primary)}.auth-requirement h3{color:#fff;font-size:var(--font-xl);font-weight:700;margin-bottom:var(--space-2)}.auth-requirement p{color:#fffc;font-size:var(--font-base);line-height:1.6;margin:0}.oauth-buttons{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.oauth-btn{background:var(--sono-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--sono-glass-border);color:#fff;padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);font-size:var(--font-base);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:60px;position:relative;overflow:hidden;font-family:inherit;text-decoration:none}.oauth-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.oauth-btn:hover:before{left:100%}.oauth-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--sono-glass-hover)}.oauth-btn:active{transform:translateY(0)}.oauth-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.oauth-btn:disabled:hover{transform:none;box-shadow:none}.oauth-btn.apple-btn{background:linear-gradient(135deg,#000,#1a1a1a);border-color:#fff3}.oauth-btn.apple-btn:hover{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-color:#fff6}.oauth-btn.google-btn{background:linear-gradient(135deg,#4285f4,#34a853);border-color:#4285f44d}.oauth-btn.google-btn:hover{background:linear-gradient(135deg,#357ae8,#2d8e47);border-color:#4285f480}.auth-warning{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;display:flex;align-items:center;gap:var(--space-3)}.warning-icon{font-size:var(--font-xl);color:var(--sono-error);flex-shrink:0}.auth-warning p{color:#ffffffe6;font-size:var(--font-sm);margin:0;line-height:1.5}.auth-warning strong{color:var(--sono-error);font-weight:700}.auth-actions{display:flex;justify-content:center;margin-top:var(--space-2)}.auth-actions .btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffb3;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-sm);cursor:pointer;transition:all .3s ease}.auth-actions .btn:hover{background:#ffffff0d;border-color:#ffffff80;color:#fff}.oauth-only-signup{display:flex;flex-direction:column;gap:var(--space-6);width:100%;max-width:500px;position:relative;z-index:1}.section-label{color:#fff;font-size:var(--font-xl);font-weight:700;text-align:center;margin-bottom:var(--space-4);background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.signup-method{background:var(--sono-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--sono-glass-border);color:#fff;padding:var(--space-5) var(--space-6);border-radius:var(--radius-xl);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);position:relative;overflow:hidden;font-family:inherit;text-decoration:none;min-height:80px;justify-content:center}.signup-method:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.signup-method:hover:before{left:100%}.signup-method:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl);border-color:var(--sono-primary)}.signup-method svg{margin-bottom:var(--space-2)}.signup-method .method-note{font-size:var(--font-sm);color:#ffffffb3;font-weight:500;text-align:center;margin-top:var(--space-1)}.signup-method.apple{background:linear-gradient(135deg,#000,#1a1a1a);border-color:#fff3}.signup-method.apple:hover{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-color:#fff6}.signup-method.google{background:linear-gradient(135deg,#4285f4,#34a853);border-color:#4285f44d}.signup-method.google:hover{background:linear-gradient(135deg,#357ae8,#2d8e47);border-color:#4285f480}.oauth-benefits{display:grid;grid-template-columns:1fr;gap:var(--space-3);margin-top:var(--space-4)}.benefit-item{display:flex;align-items:center;gap:var(--space-3);background:#ffffff0d;padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1)}.benefit-icon{font-size:var(--font-lg);color:var(--sono-primary);flex-shrink:0}.benefit-item span:last-child{color:#ffffffe6;font-size:var(--font-sm);font-weight:500}.oauth-note{background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-4)}.oauth-note p{color:#ffffffe6;font-size:var(--font-sm);line-height:1.6;margin:0;text-align:center}.oauth-note strong{color:var(--sono-primary);font-weight:700}.card-context-banner{background:#667eea26;border:1px solid rgba(102,126,234,.3);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--sono-primary);font-weight:600;animation:contextGlow 2s ease-in-out infinite alternate}.context-icon{font-size:var(--font-base)}@media (max-width: 768px){.oauth-required{gap:var(--space-4)}.countdown-timer{padding:var(--space-3);margin-bottom:var(--space-4)}.timer-display{gap:var(--space-1);margin-bottom:var(--space-2)}.timer-icon{font-size:var(--font-lg)}.time-remaining{font-size:var(--font-2xl)}.timer-label{font-size:var(--font-xs)}.card-preview-mini{padding:var(--space-4)}.card-preview-mini h3{font-size:var(--font-xl)}.card-preview-mini p{font-size:var(--font-base)}.auth-requirement{padding:var(--space-4)}.requirement-icon{font-size:var(--font-2xl)}.auth-requirement h3{font-size:var(--font-lg)}.auth-requirement p{font-size:var(--font-sm)}.oauth-btn,.signup-method{padding:var(--space-3) var(--space-4);min-height:56px;font-size:var(--font-sm)}.oauth-btn svg,.signup-method svg{width:16px;height:16px}.auth-warning{padding:var(--space-3);flex-direction:column;text-align:center;gap:var(--space-2)}.warning-icon{font-size:var(--font-lg)}.auth-warning p{font-size:var(--font-xs)}.oauth-benefits{gap:var(--space-2)}.benefit-item{padding:var(--space-2);gap:var(--space-2)}.benefit-icon{font-size:var(--font-base)}.benefit-item span:last-child{font-size:var(--font-xs)}.oauth-note{padding:var(--space-3)}.oauth-note p{font-size:var(--font-xs)}.card-context-banner{padding:var(--space-2) var(--space-3);font-size:var(--font-xs)}.section-label{font-size:var(--font-lg);margin-bottom:var(--space-3)}}@media (max-width: 374px){.oauth-btn,.signup-method{padding:var(--space-2) var(--space-3);min-height:48px;font-size:var(--font-xs)}.time-remaining{font-size:var(--font-xl)}.card-preview-mini h3{font-size:var(--font-lg)}.auth-requirement h3{font-size:var(--font-base)}}.card-actions{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-6);flex-wrap:nowrap;align-items:center}.card-actions .action-btn{background:var(--sono-gradient-primary);border:none;color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;flex:1;min-height:48px;max-height:52px;display:flex;align-items:center;justify-content:center;gap:var(--space-1);font-family:inherit;text-decoration:none;white-space:nowrap;min-width:0}.card-actions .action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.card-actions .action-btn:hover:before{left:100%}.card-actions .action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-2xl)}.card-actions .action-btn:active{transform:translateY(0)}.card-actions .action-btn.primary{background:var(--sono-gradient-primary);color:#fff;box-shadow:0 2px 8px #6666f14d}.card-actions .request-payment-btn{background:linear-gradient(135deg,#10b981,#059669)!important;border:1px solid rgba(16,185,129,.3)!important;color:#fff!important;position:relative;overflow:hidden;cursor:not-allowed!important;opacity:.85!important;box-shadow:0 2px 8px #10b9814d!important}.card-actions .request-payment-btn:hover{background:linear-gradient(135deg,#059669,#047857)!important;opacity:.9!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #10b98166!important}.card-actions .request-payment-btn:disabled{cursor:not-allowed!important;opacity:.8!important}.card-actions .request-payment-btn:disabled:hover{transform:translateY(-2px)!important}.payment-icon{font-size:var(--font-sm);filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));flex-shrink:0}.coming-soon-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:8px;font-weight:700;padding:1px 4px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px;box-shadow:var(--shadow-md);animation:comingSoonPulse 2s infinite;border:1px solid rgba(245,158,11,.5);white-space:nowrap;z-index:10}@keyframes comingSoonPulse{0%,to{transform:scale(1);box-shadow:0 0 #f59e0b66}50%{transform:scale(1.05);box-shadow:0 0 0 3px #f59e0b00}}@media (max-width: 768px){.card-actions{gap:var(--space-1);margin-top:var(--space-4)}.card-actions .action-btn{padding:var(--space-2) var(--space-3);font-size:12px;min-height:44px;gap:4px}.payment-icon{font-size:12px}.coming-soon-badge{font-size:7px;padding:1px 3px;top:-5px;right:-5px;letter-spacing:.2px}}@media (max-width: 374px){.card-actions{gap:4px}.card-actions .action-btn{padding:var(--space-2);font-size:11px;min-height:42px;gap:2px}.payment-icon{font-size:11px}.coming-soon-badge{font-size:6px;padding:1px 2px;top:-4px;right:-4px}.card-actions .action-btn{overflow:hidden;text-overflow:ellipsis}}@media (max-width: 812px) and (orientation: landscape){.card-actions{gap:var(--space-2)}.card-actions .action-btn{padding:var(--space-3) var(--space-4);font-size:var(--font-sm);min-height:46px}.payment-icon{font-size:var(--font-sm)}.coming-soon-badge{font-size:8px;padding:1px 4px}}@media (min-width: 769px){.card-actions{gap:var(--space-3)}.card-actions .action-btn{padding:var(--space-4) var(--space-5);font-size:var(--font-base);min-height:52px;max-width:180px;gap:var(--space-2)}.payment-icon{font-size:var(--font-base)}.coming-soon-badge{font-size:9px;padding:2px 6px;top:-7px;right:-7px}}.card-actions .action-btn:focus{outline:2px solid var(--sono-primary);outline-offset:2px}.card-actions .request-payment-btn:focus{outline:2px solid var(--sono-success);outline-offset:2px}@media (prefers-contrast: high){.card-actions .action-btn,.coming-soon-badge{border-width:2px!important}}@media (prefers-reduced-motion: reduce){.coming-soon-badge{animation:none!important}.card-actions .action-btn:before{transition:none!important}.card-actions .action-btn:hover{transform:none!important}}.card-footer-enhanced{background:var(--sono-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--sono-glass-border);border-radius:var(--radius-xl);padding:var(--space-3);box-shadow:var(--shadow-lg);width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-3)}.footer-card-info{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-2);border-bottom:1px solid var(--sono-glass-border);gap:var(--space-2)}.card-id-display{background:#0006;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-weight:600;color:#ffffffe6;border:1px solid rgba(255,255,255,.1);font-size:var(--font-xs);letter-spacing:.05em;text-transform:uppercase;word-break:break-all}.edit-card-btn-footer{background:var(--sono-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--sono-glass-border);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-xs);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:2px;min-height:40px;justify-content:center;position:relative;overflow:hidden;width:auto;min-width:100px}.edit-card-btn-footer .edit-note{font-size:10px;color:#ffffffb3;font-weight:400;text-align:center;line-height:1}.edit-card-btn-footer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.edit-card-btn-footer:hover:before{left:100%}.edit-card-btn-footer:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--sono-glass-hover)}.sono-branding{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:#ffffffb3;font-size:var(--font-sm)}.platform-links{display:flex;gap:var(--space-3);align-items:center;justify-content:center}.playground-link,.mercychain-link{background:transparent;border:2px solid var(--sono-primary);color:var(--sono-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:36px;flex:1;max-width:120px;font-family:inherit;position:relative;overflow:hidden}.playground-link{border-color:var(--sono-primary);color:var(--sono-primary)}.playground-link:hover{background:var(--sono-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.mercychain-link{border-color:var(--sono-accent);color:var(--sono-accent)}.mercychain-link:hover{background:var(--sono-accent);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.playground-link:before,.mercychain-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.playground-link:hover:before,.mercychain-link:hover:before{left:100%}.playground-link:active,.mercychain-link:active{transform:translateY(0)}.playground-link:focus,.mercychain-link:focus{outline:2px solid var(--sono-primary);outline-offset:2px}.mercychain-link:focus{outline-color:var(--sono-accent)}@media (max-width: 768px){.platform-links{gap:var(--space-2);flex-direction:row}.playground-link,.mercychain-link{padding:var(--space-2) var(--space-3);font-size:12px;min-height:32px;max-width:100px;flex:1}.sono-branding{gap:var(--space-2);font-size:12px}.card-footer-enhanced{padding:var(--space-2);gap:var(--space-2)}}@media (max-width: 374px){.platform-links{gap:var(--space-1)}.playground-link,.mercychain-link{padding:var(--space-1) var(--space-2);font-size:11px;min-height:28px;max-width:80px}.sono-branding{font-size:11px}}@media (min-width: 769px){.sono-branding{flex-direction:row;justify-content:space-between;align-items:center}.platform-links{gap:var(--space-4)}.playground-link,.mercychain-link{padding:var(--space-3) var(--space-5);font-size:var(--font-sm);min-height:40px;max-width:140px}}@media (prefers-contrast: high){.playground-link,.mercychain-link{border-width:3px}.edit-card-btn-footer{border-width:2px}}@media (prefers-reduced-motion: reduce){.playground-link,.mercychain-link{transition:none}.playground-link:hover,.mercychain-link:hover{transform:none}.playground-link:before,.mercychain-link:before{transition:none}.edit-card-btn-footer:before{transition:none}.edit-card-btn-footer:hover{transform:none}}.playground-link:disabled,.mercychain-link:disabled{opacity:.6;cursor:not-allowed;transform:none}.playground-link:disabled:hover,.mercychain-link:disabled:hover{transform:none;box-shadow:none;background:transparent}.playground-link[aria-pressed=true],.mercychain-link[aria-pressed=true]{background:var(--sono-primary);color:#fff}.mercychain-link[aria-pressed=true]{background:var(--sono-accent)}@media print{.playground-link,.mercychain-link{border:1px solid #000;color:#000;background:transparent}.playground-link:after{content:" (playground.snoxfedc.com)";font-size:10px}.mercychain-link:after{content:" (mercychain.snoxfedc.com)";font-size:10px}}.nfc-simple{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a3e,#2d1b69);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:3rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;width:100%;box-sizing:border-box}.nfc-simple:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);pointer-events:none;z-index:0}.nfc-simple>*{position:relative;z-index:1}.nfc-simple .logo{font-size:3rem;font-weight:800;letter-spacing:-2px;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:-1rem;text-align:center;animation:logoFadeIn .8s ease-out}.nfc-simple .owner-name{font-size:2rem;font-weight:300;color:#fff;text-align:center;letter-spacing:-.5px;margin-bottom:-1rem;animation:nameSlideIn 1s ease-out .2s both;line-height:1.2;max-width:90%;word-wrap:break-word}.nfc-simple .options{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:320px;animation:optionsFadeIn 1.2s ease-out .4s both}.nfc-simple .option{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:1.5rem 2rem;font-size:1.1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;width:100%;text-align:center;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a}.nfc-simple .option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.nfc-simple .option:hover:before{left:100%}.nfc-simple .option:hover{transform:translateY(-2px);box-shadow:0 10px 40px #0000004d}.nfc-simple .option:active{transform:translateY(0)}.nfc-simple .business-card{background:linear-gradient(135deg,#3b82f64d,#6366f14d);border-color:#3b82f680}.nfc-simple .business-card:hover{background:linear-gradient(135deg,#3b82f666,#6366f166);border-color:#3b82f6;box-shadow:0 10px 40px #3b82f666}.nfc-simple .instant-payment{background:linear-gradient(135deg,#10b9814d,#0596694d);border-color:#10b98180}.nfc-simple .instant-payment:hover{background:linear-gradient(135deg,#10b98166,#05966966);border-color:#10b981;box-shadow:0 10px 40px #10b98166}.nfc-simple .loading{display:flex;align-items:center;justify-content:center;color:#fff;flex-direction:column;gap:1rem}.nfc-simple .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.nfc-simple .error{text-align:center;color:#fff;display:flex;flex-direction:column;gap:1rem;align-items:center}.nfc-simple .error p{font-size:1.1rem;margin:0;color:#ffffffe6}.nfc-simple .error button{background:#667eea;border:none;color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:1rem}.nfc-simple .error button:hover{background:#5a67d8;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes nameSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes optionsFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.nfc-simple{padding:1.5rem;gap:2.5rem}.nfc-simple .logo{font-size:2.5rem}.nfc-simple .owner-name{font-size:1.5rem}.nfc-simple .options{max-width:280px}.nfc-simple .option{padding:1.25rem 1.5rem;font-size:1rem}}@media (max-width: 480px){.nfc-simple{padding:1rem;gap:2rem}.nfc-simple .logo{font-size:2rem}.nfc-simple .owner-name{font-size:1.25rem}.nfc-simple .option{padding:1rem 1.25rem;font-size:.95rem}}@media (max-width: 374px){.nfc-simple{gap:1.5rem}.nfc-simple .logo{font-size:1.75rem}.nfc-simple .owner-name{font-size:1.1rem}.nfc-simple .options{max-width:260px}.nfc-simple .option{padding:.875rem 1rem;font-size:.9rem}}@media (max-height: 500px) and (orientation: landscape){.nfc-simple{gap:1.5rem;padding:1rem}.nfc-simple .logo{font-size:2rem}.nfc-simple .owner-name{font-size:1.25rem;margin-bottom:-.5rem}.nfc-simple .options{flex-direction:row;gap:1rem;max-width:500px}.nfc-simple .option{flex:1;padding:1rem;font-size:.95rem}}.nfc-simple .option:focus{outline:2px solid #667eea;outline-offset:2px}.nfc-simple .error button:focus{outline:2px solid #667eea;outline-offset:2px}@media (prefers-contrast: high){.nfc-simple .option{border-width:2px}.nfc-simple .business-card{border-color:#3b82f6}.nfc-simple .instant-payment{border-color:#10b981}}@media (prefers-reduced-motion: reduce){.nfc-simple .logo,.nfc-simple .owner-name,.nfc-simple .options{animation:none}.nfc-simple .option:before{transition:none}.nfc-simple .option:hover{transform:none}.nfc-simple .spinner{animation:none}}.qr-code-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-4);text-align:center;animation:slideIn .3s ease-out}.qr-code-section h4{color:#fff;font-size:var(--font-base);font-weight:600;margin:0 0 var(--space-3) 0;text-align:center}.qr-code-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.qr-code-display{background:#fff;padding:var(--space-3);border-radius:var(--radius-md);display:inline-block;box-shadow:var(--shadow-lg);animation:scaleIn .4s ease-out}.qr-code-display canvas,.qr-code-display img{display:block;border-radius:var(--radius-sm);max-width:100%;height:auto}.qr-code-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%}.qr-download-btn{background:linear-gradient(135deg,var(--sono-primary) 0%,var(--sono-secondary) 100%)!important;border-color:#6366f180!important;color:#fff!important;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}.qr-download-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.qr-download-btn:hover:before{left:100%}.qr-download-btn:hover{background:linear-gradient(135deg,var(--sono-secondary) 0%,var(--sono-primary) 100%)!important;transform:translateY(-2px);box-shadow:var(--shadow-xl)}.qr-code-info{color:#ffffffb3;font-size:var(--font-sm);margin:0;text-align:center;line-height:1.4;font-style:italic}.qr-code-url{color:#fff9;font-size:var(--font-xs);margin:var(--space-2) 0 0 0;text-align:center;line-height:1.3;font-family:SF Mono,Monaco,Cascadia Code,monospace;word-break:break-all;background:#ffffff0d;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1)}.qr-generate-btn{background:linear-gradient(135deg,#059669,#10b981)!important;border-color:#10b98180!important;color:#fff!important;position:relative;overflow:hidden}.action-btn-mobile:has-text("Generate QR Code"),.action-btn-mobile[onclick*=handleGenerateQR]{background:linear-gradient(135deg,#059669,#10b981)!important;border-color:#10b98180!important;color:#fff!important;position:relative;overflow:hidden}@media (max-width: 768px){.qr-code-section{padding:var(--space-3);margin-top:var(--space-3)}.qr-code-display{padding:var(--space-2);max-width:220px}.qr-code-display canvas,.qr-code-display img{max-width:180px;max-height:180px}.qr-code-actions{gap:var(--space-1)}.qr-download-btn{padding:var(--space-2) var(--space-3);font-size:var(--font-sm);min-height:40px}.qr-code-info{font-size:var(--font-xs);padding:0 var(--space-2)}}@media (max-width: 374px){.qr-code-display{padding:var(--space-1);max-width:200px}.qr-code-display canvas,.qr-code-display img{max-width:160px;max-height:160px}.qr-download-btn{padding:var(--space-1) var(--space-2);font-size:12px;min-height:36px}}.qr-code-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4)}.qr-code-loading .loading-spinner{width:30px;height:30px;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--sono-primary);border-radius:50%;animation:spin 1s linear infinite}.qr-code-loading p{color:#fffc;font-size:var(--font-sm);margin:0}.qr-code-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:var(--space-3);text-align:center;color:var(--sono-error);font-size:var(--font-sm)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (prefers-contrast: high){.qr-code-display{border:2px solid #000}.qr-download-btn{border-width:2px!important}}@media (prefers-reduced-motion: reduce){.qr-code-section,.qr-code-display{animation:none}.qr-download-btn:before{transition:none}.qr-download-btn:hover{transform:none}}@media print{.qr-code-section{background:#fff;border:1px solid #000;color:#000}.qr-code-display{background:#fff;box-shadow:none}.qr-download-btn{display:none}.qr-code-info{color:#666}}.info-header h2{color:#fff;font-size:var(--font-2xl);font-weight:700;margin-bottom:var(--space-3);background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-header p{color:#fffc;font-size:var(--font-base);font-weight:500;letter-spacing:.5px}.activation-button{background:var(--sono-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--sono-glass-border);border-radius:var(--radius-xl);padding:var(--space-6);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-align:center}.activation-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.activation-button:hover{transform:translateY(-4px);border-color:var(--sono-primary);box-shadow:var(--shadow-2xl);background:#667eea1a}.activation-button h3{color:#fff;font-size:var(--font-xl);font-weight:700;margin-bottom:var(--space-2);line-height:1.3}.activation-button p{color:#fffc;font-size:var(--font-base);margin-bottom:var(--space-4);line-height:1.5}.activation-benefits span{background:#ffffff1a;color:#ffffffe6;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:500;border:1px solid rgba(255,255,255,.2)}.card-info-section{width:100%;max-width:600px;position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-6)}.info-header{text-align:center;margin-bottom:var(--space-6)}.info-header h2{color:#fff;font-size:var(--font-2xl);font-weight:700;margin:0;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3}.activation-section{margin-bottom:var(--space-8)}.activation-button{background:linear-gradient(135deg,#fff,#e0f2fe,#b3e5fc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(135,206,250,.6);border-radius:var(--radius-xl);padding:var(--space-6);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-align:center;box-shadow:0 8px 32px #87cefa4d}.activation-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.activation-button:hover:before{left:100%}.activation-button:hover{transform:translateY(-4px);border-color:#87cefacc;box-shadow:0 12px 48px #87cefa66;background:linear-gradient(135deg,#fff,#e1f5fe 30%,#81d4fa)}.activation-button h3{color:#1565c0;font-size:var(--font-xl);font-weight:700;margin-bottom:var(--space-2);line-height:1.3;text-shadow:0 1px 2px rgba(255,255,255,.8)}.activation-button p{color:#1976d2;font-size:var(--font-base);margin-bottom:var(--space-4);line-height:1.5;font-weight:500}.activation-benefits{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.activation-benefits span{background:#2196f326;color:#1565c0;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:600;border:1px solid rgba(33,150,243,.3);box-shadow:0 2px 8px #2196f31a}.info-features{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.feature-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-5);transition:all .3s ease}.feature-item:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.feature-content h4{color:#fff;font-size:var(--font-lg);font-weight:600;margin-bottom:var(--space-2);line-height:1.3}.feature-content p{color:#fffc;font-size:var(--font-base);line-height:1.5;margin:0}.info-use-cases{text-align:center}.info-use-cases h3{color:#fff;font-size:var(--font-xl);font-weight:700;margin-bottom:var(--space-4);background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.use-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3);margin-top:var(--space-4)}.use-case{background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:var(--radius-lg);padding:var(--space-3);transition:all .3s ease;cursor:default}.use-case:hover{background:#667eea33;border-color:#667eea80;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.use-case span{color:#fff;font-size:var(--font-sm);font-weight:600;display:block;text-align:center}@media (max-width: 768px){.card-info-section{gap:var(--space-4)}.info-header h2{font-size:var(--font-xl)}.info-header p{font-size:var(--font-sm)}.activation-button{padding:var(--space-4)}.activation-button h3{font-size:var(--font-lg)}.activation-button p{font-size:var(--font-sm)}.activation-benefits{gap:var(--space-1)}.activation-benefits span{font-size:var(--font-xs);padding:var(--space-1) var(--space-2)}.info-features{gap:var(--space-3)}.feature-item{padding:var(--space-4)}.feature-content h4{font-size:var(--font-base)}.feature-content p{font-size:var(--font-sm)}.use-case-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-2)}.use-case{padding:var(--space-2)}.use-case span{font-size:var(--font-xs)}.info-use-cases h3{font-size:var(--font-lg)}}@media (max-width: 374px){.activation-button{padding:var(--space-3)}.activation-button h3{font-size:var(--font-base)}.feature-item{padding:var(--space-3)}.use-case-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-1)}.use-case{padding:var(--space-1) var(--space-2)}}@media (prefers-contrast: high){.activation-button,.feature-item,.use-case{border-width:2px}}@media (prefers-reduced-motion: reduce){.activation-button,.feature-item,.use-case{transition:none}.activation-button:before{transition:none}.activation-button:hover,.feature-item:hover,.use-case:hover{transform:none}}.proposal-detail-page{min-height:100vh;background:var(--color-bg-primary);position:relative;padding-top:var(--space-4xl);overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.proposal-detail-background-gradient{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 25% 25%,rgba(102,126,234,.08) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(74,222,128,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.proposal-detail-particles-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.proposal-detail-particle{position:absolute;width:2px;height:2px;background:var(--color-primary);border-radius:var(--radius-full);opacity:.3;animation:proposal-detail-float 25s infinite linear}.proposal-detail-particle:nth-child(2n){background:var(--color-secondary);animation-duration:30s;width:1.5px;height:1.5px;opacity:.2}.proposal-detail-particle:nth-child(3n){background:var(--color-warning);animation-duration:35s;width:1px;height:1px;opacity:.15}@keyframes proposal-detail-float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.proposal-detail-container{max-width:var(--container-lg);margin:0 auto;padding:0 var(--space-lg);position:relative;z-index:1}.proposal-detail-header{margin-bottom:var(--space-2xl)}.proposal-detail-back-button{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);display:inline-flex;align-items:center;gap:var(--space-sm);text-decoration:none;margin-bottom:var(--space-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.proposal-detail-back-button:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.proposal-detail-back-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.proposal-detail-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.proposal-detail-title-section{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.proposal-detail-title-section h1{font-size:var(--font-4xl);font-weight:var(--font-weight-extrabold);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:var(--leading-tight)}.proposal-detail-status-badge{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border:1px solid}.proposal-detail-status-badge.draft{background:#6b72801a;color:var(--color-text-muted);border-color:#6b72804d}.proposal-detail-status-badge.submitted{background:#3b82f61a;color:var(--color-info);border-color:#3b82f64d}.proposal-detail-status-badge.under-review{background:#f59e0b1a;color:var(--color-warning);border-color:#f59e0b4d}.proposal-detail-status-badge.approved{background:#10b9811a;color:var(--color-success);border-color:#10b9814d}.proposal-detail-status-badge.rejected{background:#ef44441a;color:var(--color-danger);border-color:#ef44444d}.proposal-detail-status-badge.needs-revision{background:#8b5cf61a;color:#8b5cf6;border-color:#8b5cf64d}.proposal-detail-header-actions{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap;flex-shrink:0}.proposal-detail-admin-feedback{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-xl);margin-bottom:var(--space-2xl);box-shadow:var(--shadow-glass);position:relative}.proposal-detail-admin-feedback:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-warning) 0%,var(--color-danger) 100%);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.proposal-detail-feedback-title{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-xl) 0;display:flex;align-items:center;gap:var(--space-sm)}.proposal-detail-feedback-card{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);margin-bottom:var(--space-lg);position:relative;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.proposal-detail-feedback-card:last-child{margin-bottom:0}.proposal-detail-review-score{position:absolute;top:var(--space-md);right:var(--space-md);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-bold);box-shadow:0 2px 8px #667eea4d}.proposal-detail-feedback-text{margin-bottom:var(--space-lg)}.proposal-detail-feedback-text strong{display:block;font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.proposal-detail-feedback-text p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0;white-space:pre-line}.proposal-detail-review-date{font-size:var(--font-xs);color:var(--color-text-muted);font-style:italic}.proposal-detail-content{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-glass);margin-bottom:var(--space-xl);position:relative;overflow:hidden}.proposal-detail-content:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.proposal-detail-view-mode{display:flex;flex-direction:column;gap:var(--space-2xl)}.proposal-detail-section{padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border)}.proposal-detail-section:last-child{border-bottom:none;padding-bottom:0}.proposal-detail-section-title{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-xl) 0;display:flex;align-items:center;gap:var(--space-md)}.proposal-detail-info-grid{display:grid;gap:var(--space-lg)}@media (min-width: 768px){.proposal-detail-info-grid{grid-template-columns:repeat(2,1fr)}}.proposal-detail-info-item{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base) var(--transition-silk);position:relative;overflow:hidden}.proposal-detail-info-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .5s}.proposal-detail-info-item:hover:before{left:100%}.proposal-detail-info-item:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.proposal-detail-info-item label{display:block;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.proposal-detail-info-item p{color:var(--color-text-primary);font-size:var(--font-base);line-height:var(--leading-relaxed);margin:0}.proposal-detail-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.proposal-detail-detail-item{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;transition:all var(--transition-base) var(--transition-silk);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.proposal-detail-detail-item:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.proposal-detail-detail-label{font-size:var(--font-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.proposal-detail-detail-value{font-size:var(--font-base);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.proposal-detail-companies-display{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.proposal-detail-company-tag{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);box-shadow:0 2px 8px #667eea4d}.proposal-detail-inspiration-message{font-size:var(--font-base);color:var(--color-primary);text-align:center;font-style:italic;margin:0;opacity:.9;line-height:var(--leading-relaxed)}.proposal-detail-roles-list{display:grid;gap:var(--space-xl)}.proposal-detail-role-item{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--transition-base) var(--transition-silk);position:relative;overflow:hidden}:root{--color-primary: #667eea;--color-primary-dark: #764ba2;--color-secondary: #4ade80;--color-tertiary: #f093fb;--color-accent: #45B7D1;--color-danger: #ef4444;--color-warning: #f59e0b;--color-success: #4ade80;--color-info: #3b82f6;--color-bg-primary: #000000;--color-bg-secondary: #0a0a0a;--color-bg-tertiary: #1a1a1a;--color-surface: rgba(255, 255, 255, .03);--color-surface-hover: rgba(255, 255, 255, .05);--color-surface-active: rgba(255, 255, 255, .08);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-muted: rgba(255, 255, 255, .6);--color-text-disabled: rgba(255, 255, 255, .4);--color-border: rgba(255, 255, 255, .05);--color-border-hover: rgba(255, 255, 255, .1);--color-border-active: rgba(255, 255, 255, .2);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 5rem;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .3), 0 4px 16px rgba(255, 255, 255, .1) inset;--shadow-crystal: 0 20px 40px rgba(0, 0, 0, .4), 0 8px 16px rgba(255, 255, 255, .1) inset;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-luxury: .4s cubic-bezier(.25, .46, .45, .94);--transition-silk: cubic-bezier(.4, 0, .2, 1);--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px}.create-project-page{min-height:100vh;background:var(--color-bg-primary);padding:var(--space-2xl) var(--space-md);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif}.create-project-container{max-width:900px;margin:0 auto;position:relative}.page-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-3xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.back-button{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-luxury);display:flex;align-items:center;gap:var(--space-xs);text-decoration:none;min-height:44px;position:relative;overflow:hidden}.back-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--transition-slow)}.back-button:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.back-button:hover:before{left:100%}.back-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.page-header>div{flex:1}.page-title{font-size:var(--font-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:var(--leading-tight);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-tertiary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:var(--font-base);color:var(--color-text-muted);margin:var(--space-xs) 0 0 0;line-height:var(--leading-normal)}.progress-steps{display:flex;justify-content:center;margin-bottom:var(--space-3xl);padding:0 var(--space-md)}.progress-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);flex:1;position:relative;max-width:200px}.progress-step:not(:last-child):after{content:"";position:absolute;top:16px;left:60%;right:-40%;height:2px;background:var(--color-border);z-index:1;transition:all var(--transition-luxury)}.progress-step.active:not(:last-child):after{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-tertiary) 100%);box-shadow:0 0 8px #667eea4d}.step-circle{width:32px;height:32px;border-radius:50%;background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid var(--color-border);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);font-weight:var(--font-weight-bold);transition:all var(--transition-luxury);position:relative;z-index:2}.progress-step.active .step-circle{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-tertiary) 100%);border-color:transparent;color:#fff;transform:scale(1.1);box-shadow:var(--shadow-lg),0 0 20px #667eea66}.step-label{font-size:var(--font-xs);color:var(--color-text-muted);text-align:center;font-weight:var(--font-weight-medium);transition:all var(--transition-base);max-width:120px;line-height:var(--leading-tight)}.progress-step.active .step-label{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.form-container{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-glass);margin-bottom:var(--space-lg);position:relative;overflow:hidden}.form-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.form-step{padding:var(--space-3xl);animation:fadeInUp .4s var(--transition-silk)}.step-title{font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2xl);text-align:center;line-height:var(--leading-tight);position:relative}.step-title:after{content:"";position:absolute;bottom:-var(--space-sm);left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-tertiary) 100%);border-radius:var(--radius-full)}.form-group,fieldset.form-group{margin-bottom:var(--space-2xl);border:none;padding:0}fieldset.form-group legend.form-label{float:none;width:auto}.form-label,legend.form-label{display:block;margin-bottom:var(--space-xs);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);line-height:var(--leading-normal);text-transform:uppercase;letter-spacing:.025em}.form-label .required{color:var(--color-danger);margin-left:var(--space-xs)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-md);background:var(--color-surface-hover);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-base);font-family:inherit;transition:all var(--transition-luxury);outline:none;min-height:48px;box-sizing:border-box;position:relative}.form-input:focus,.form-select:focus,.form-textarea:focus{background:var(--color-surface-active);border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a,var(--shadow-md);transform:translateY(-1px)}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef44441a;animation:shake .4s ease-in-out}.form-textarea{resize:vertical;min-height:120px;line-height:var(--leading-relaxed)}.error-message{color:var(--color-danger);font-size:var(--font-sm);margin-top:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs);animation:fadeIn .2s ease-out}.error-message:before{content:"⚠";font-size:var(--font-base);flex-shrink:0}.form-step>.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);padding:var(--space-md);margin:var(--space-xl) 0;justify-content:center;font-weight:var(--font-weight-medium)}.form-row{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media (min-width: 768px){.form-row{grid-template-columns:repeat(2,1fr)}.form-row.three-cols{grid-template-columns:repeat(3,1fr)}.form-row.four-cols{grid-template-columns:repeat(4,1fr)}}.companies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-sm);margin-bottom:var(--space-md)}.company-tag{background:var(--color-surface-hover);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-luxury);text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.company-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--transition-base)}.company-tag:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--color-text-primary)}.company-tag:hover:before{left:100%}.company-tag:focus{outline:2px solid var(--color-primary);outline-offset:2px}.company-tag[aria-pressed=true],.company-tag.selected{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-tertiary) 100%);border-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 20px #667eea4d}.company-tag[aria-pressed=true]:before,.company-tag.selected:before{display:none}.roles-section{margin-top:var(--space-3xl)}.roles-section h3{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2xl);text-align:center}.role-card{background:var(--color-surface-hover);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl);margin-bottom:var(--space-2xl);transition:all var(--transition-luxury);position:relative;overflow:hidden}.role-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.role-card:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.role-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);gap:var(--space-md)}.role-header h4{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.remove-role-btn{background:var(--color-danger);border:none;color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);min-height:32px}.remove-role-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.remove-role-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.role-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-bottom:var(--space-md)}@media (min-width: 768px){.role-grid{grid-template-columns:2fr 1fr 1fr}}.array-input{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm);align-items:flex-start}.array-input .form-input{flex:1}.remove-btn{background:var(--color-danger);border:none;color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;min-height:48px;flex-shrink:0}.remove-btn:hover{background:#dc2626;transform:translateY(-1px)}.remove-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.add-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-tertiary) 100%);border:none;color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-luxury);display:flex;align-items:center;gap:var(--space-xs);min-height:44px;box-shadow:var(--shadow-sm)}.add-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 20px #667eea4d}.add-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.add-role-btn{background:linear-gradient(135deg,var(--color-secondary) 0%,#22c55e 100%);border:none;color:#fff;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-xl);font-size:var(--font-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-luxury);display:flex;align-items:center;justify-content:center;gap:var(--space-xs);width:100%;min-height:52px;margin-top:var(--space-md);box-shadow:var(--shadow-md)}.add-role-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl),0 0 25px #4ade8066}.add-role-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.expectations-section{margin-top:var(--space-3xl)}.expectations-section h3{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2xl);text-align:center}.expectations-grid{display:grid;grid-template-columns:1fr;gap:var(--space-2xl)}@media (min-width: 768px){.expectations-grid{grid-template-columns:1fr 1fr}}.expectations-positive,.expectations-warnings{background:var(--color-surface-hover);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--space-xl);border:1px solid var(--color-border);position:relative;overflow:hidden}.expectations-positive:before,.expectations-warnings:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.expectations-positive:before{background:linear-gradient(180deg,var(--color-success) 0%,#22c55e 100%)}.expectations-warnings:before{background:linear-gradient(180deg,var(--color-warning) 0%,#f59e0b 100%)}.expectations-positive h4,.expectations-warnings h4{font-size:var(--font-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md);color:var(--color-text-primary);padding-left:var(--space-md)}.review-section{background:var(--color-surface-hover);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--space-2xl);margin-bottom:var(--space-2xl);border:1px solid var(--color-border);position:relative;overflow:hidden}.review-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.review-section h3{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2xl);text-align:center}.summary-card{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);border:1px solid var(--color-border)}.summary-card h4{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.summary-subtitle{font-size:var(--font-base);color:var(--color-text-muted);margin-bottom:var(--space-md);font-style:italic}.summary-meta{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-md)}.summary-meta span{background:var(--color-surface-hover);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-sm);color:var(--color-text-secondary);border:1px solid var(--color-border)}.summary-description{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.roles-summary{display:grid;gap:var(--space-md)}.role-summary{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--space-md);border:1px solid var(--color-border)}.role-summary strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.role-summary p{margin:var(--space-xs) 0 0 0;color:var(--color-text-secondary);font-size:var(--font-sm)}.submission-notice{background:#3b82f61a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-xl);padding:var(--space-xl);margin-top:var(--space-2xl);position:relative;overflow:hidden}.submission-notice:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--color-info) 0%,#3b82f6 100%);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.submission-notice h4{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--color-info);margin-bottom:var(--space-sm);padding-left:var(--space-md)}.submission-notice p{color:var(--color-info);font-size:var(--font-sm);line-height:var(--leading-relaxed);margin:0;opacity:.9;padding-left:var(--space-md)}.form-navigation{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2xl);border-top:1px solid var(--color-border);gap:var(--space-md);background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav-spacer{flex:1}.btn{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);font-size:var(--font-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-luxury);display:flex;align-items:center;gap:var(--space-xs);min-height:48px;text-decoration:none;justify-content:center;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--transition-base)}.btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--color-text-primary)}.btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-tertiary) 100%);border-color:transparent;color:#fff;box-shadow:var(--shadow-md)}.btn-primary:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl),0 0 25px #667eea66}.btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-secondary)}.btn:disabled:hover{transform:none;box-shadow:none}.btn:disabled:before{display:none}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-md)}.loading-state p{color:var(--color-text-secondary);font-size:var(--font-sm)}@media (max-width: 768px){.create-project-page{padding:var(--space-md) var(--space-xs)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-xl)}.page-header>div{width:100%}.page-title{font-size:var(--font-3xl)}.page-subtitle{font-size:var(--font-sm)}.progress-steps{padding:0;margin-bottom:var(--space-xl);gap:var(--space-xs)}.progress-step{max-width:none}.step-label{font-size:10px;max-width:80px}.form-step{padding:var(--space-md)}.step-title{font-size:var(--font-2xl);margin-bottom:var(--space-md)}.companies-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-xs)}.company-tag{padding:var(--space-xs) var(--space-sm);font-size:var(--font-xs)}.role-card{padding:var(--space-md)}.role-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.array-input{flex-direction:column;gap:var(--space-xs)}.remove-btn{align-self:flex-end;min-height:36px}.form-navigation{flex-direction:column;gap:var(--space-sm);padding:var(--space-md)}.form-navigation .btn{width:100%}.nav-spacer{display:none}.summary-meta{flex-direction:column;gap:var(--space-xs)}.summary-meta span{display:inline-block;width:fit-content}}@media (max-width: 374px){.progress-steps{overflow-x:auto;padding:0 var(--space-xs)}.step-label{font-size:9px;max-width:60px}.companies-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.company-tag{padding:var(--space-xs);font-size:10px;min-height:36px}}@media (prefers-reduced-motion: reduce){.form-step,.company-tag,.role-card,.btn{animation:none;transition:none}.company-tag:hover,.role-card:hover,.btn:hover{transform:none}.loading-spinner{animation:none}.back-button:before,.company-tag:before,.btn:before{display:none}}@media (prefers-contrast: high){.form-input,.form-select,.form-textarea,.btn,.company-tag{border-width:2px}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media print{.create-project-page{background:#fff;color:#000}.form-navigation,.back-button{display:none}.form-container{box-shadow:none;border:1px solid #ccc;background:#fff}.company-tag[aria-pressed=true],.company-tag.selected{background:#667eea;color:#fff}.step-title,.page-title{color:#000;background:none;-webkit-text-fill-color:initial}}@media (max-width: 768px){:root{--mobile-space-xs: .25rem;--mobile-space-sm: .5rem;--mobile-space-md: .75rem;--mobile-space-lg: 1rem;--mobile-space-xl: 1.5rem;--mobile-space-2xl: 2rem;--mobile-padding: var(--mobile-space-lg);--mobile-margin: var(--mobile-space-md);--mobile-gap: var(--mobile-space-md);--touch-target-min: 44px;--touch-target-ideal: 48px;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left);--safe-right: env(safe-area-inset-right);--mobile-font-xs: .75rem;--mobile-font-sm: .8125rem;--mobile-font-base: .875rem;--mobile-font-lg: 1rem;--mobile-font-xl: 1.125rem;--mobile-font-2xl: 1.375rem;--mobile-font-3xl: 1.75rem;--mobile-font-4xl: 2rem;--z-mobile-nav: 1000;--z-mobile-menu: 999;--z-mobile-overlay: 998;--mobile-nav-height: 60px;--mobile-bottom-nav-height: 70px}}@media (max-width: 768px){html,body{overflow-x:hidden;width:100%;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}.scrollable{-webkit-overflow-scrolling:touch;overflow-y:auto}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],select,textarea{font-size:16px!important;transform:translateZ(0)}*{will-change:auto}.will-change-transform{will-change:transform}}@media (max-width: 768px){.navbar{position:fixed;top:0;left:0;right:0;height:calc(var(--mobile-nav-height) + var(--safe-top));padding-top:var(--safe-top);z-index:var(--z-mobile-nav);background:#000000f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border)}.nav-container{height:var(--mobile-nav-height);padding:0 var(--mobile-padding);display:flex;align-items:center;justify-content:space-between}.nav-logo h1{font-size:24px!important;line-height:1!important}.nav-logo span{font-size:10px!important;margin-top:2px!important}.nav-links.desktop-only{display:none!important}.mobile-menu-toggle{display:flex!important;width:var(--touch-target-min);height:var(--touch-target-min);align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;margin-right:calc(-1 * var(--mobile-padding) / 2);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.mobile-menu-toggle:active{background:var(--color-surface)}.menu-line{position:relative;width:24px;height:2px;background:var(--color-text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:1px}.menu-line:before,.menu-line:after{content:"";position:absolute;left:0;width:100%;height:2px;background:var(--color-text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:1px}.menu-line:before{top:-8px}.menu-line:after{bottom:-8px}.mobile-menu-toggle.active .menu-line{background:transparent}.mobile-menu-toggle.active .menu-line:before{transform:rotate(45deg);top:0}.mobile-menu-toggle.active .menu-line:after{transform:rotate(-45deg);bottom:0}.mobile-menu-overlay{position:fixed;top:calc(var(--mobile-nav-height) + var(--safe-top));left:0;right:0;bottom:0;background:#000000fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:var(--z-mobile-menu);padding:var(--mobile-space-xl) var(--mobile-padding);overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-menu-overlay.active{transform:translate(0)}.mobile-menu-item{display:block;padding:var(--mobile-space-lg) 0;color:var(--color-text-primary);font-size:var(--mobile-font-lg);font-weight:var(--font-weight-medium);text-decoration:none;border-bottom:1px solid var(--color-border);transition:all var(--transition-fast);position:relative}.mobile-menu-item:hover,.mobile-menu-item:active{color:var(--color-primary);transform:translate(4px)}.mobile-menu-item:before{content:"";position:absolute;left:-var(--mobile-padding);top:0;bottom:0;width:3px;background:var(--color-primary);transform:scaleY(0);transition:transform var(--transition-fast)}.mobile-menu-item:hover:before{transform:scaleY(1)}.mobile-menu-cta{margin-top:var(--mobile-space-2xl);padding-top:var(--mobile-space-2xl);border-top:1px solid var(--color-border)}.mobile-menu-action{display:block;width:100%;background:transparent;border:1px solid var(--color-border);padding:var(--mobile-space-lg);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--mobile-font-base);text-align:center;cursor:pointer;transition:all var(--transition-fast);margin-top:var(--mobile-space-md)}.mobile-menu-action:hover,.mobile-menu-action:active{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border-hover)}}@media (max-width: 768px){.main-content{padding-top:calc(var(--mobile-nav-height) + var(--safe-top));padding-bottom:calc(var(--mobile-bottom-nav-height) + var(--safe-bottom));min-height:100vh}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--mobile-bottom-nav-height) + var(--safe-bottom));background:#000000f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border);padding-bottom:var(--safe-bottom);z-index:var(--z-mobile-nav);display:flex;justify-content:space-around;align-items:flex-start;padding-top:var(--mobile-space-sm)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:var(--mobile-bottom-nav-height);color:var(--color-text-muted);text-decoration:none;transition:all var(--transition-fast);cursor:pointer;position:relative;padding:var(--mobile-space-sm);border-radius:var(--radius-md)}.nav-item:active{background:var(--color-surface);transform:scale(.95)}.nav-item.active{color:var(--color-primary)}.nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:30px;height:3px;background:var(--color-primary);border-radius:0 0 3px 3px}.nav-icon{font-size:24px;font-weight:700;line-height:1}.nav-label{font-size:11px;font-weight:var(--font-weight-medium);line-height:1}}@media (max-width: 768px){h1{font-size:var(--mobile-font-4xl);line-height:1.1}h2{font-size:var(--mobile-font-3xl);line-height:1.2}h3{font-size:var(--mobile-font-2xl);line-height:1.2}h4{font-size:var(--mobile-font-xl);line-height:1.3}h5{font-size:var(--mobile-font-lg);line-height:1.3}h6{font-size:var(--mobile-font-base);line-height:1.4}p{font-size:var(--mobile-font-base);line-height:1.5}.hero-title{font-size:clamp(28px,8vw,40px)!important;line-height:1.1!important;letter-spacing:-.02em!important}.section-title{font-size:clamp(24px,7vw,32px)!important;line-height:1.2!important}.gradient-text{background-attachment:fixed;-webkit-background-attachment:fixed}}@media (max-width: 768px){.container{padding:0 var(--mobile-padding);max-width:100%}section{padding:calc(var(--mobile-space-2xl) * 1.5) var(--mobile-padding)!important}.grid,[class*=grid-cols-]{grid-template-columns:1fr!important;gap:var(--mobile-gap)!important}.grid-cols-2-mobile{grid-template-columns:repeat(2,1fr)!important}.flex-row-mobile{flex-direction:column!important}.mobile-stack{display:flex!important;flex-direction:column!important;gap:var(--mobile-gap)!important}.mobile-full-width{width:100%!important;max-width:100%!important}.mobile-scroll-x{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;margin:0 calc(-1 * var(--mobile-padding))!important;padding:0 var(--mobile-padding)!important}.mobile-scroll-x>*{flex-shrink:0!important}}@media (max-width: 768px){.form-grid{grid-template-columns:1fr!important;gap:var(--mobile-space-lg)!important}.form-input,.form-select,.form-textarea{min-height:var(--touch-target-ideal);padding:var(--mobile-space-lg);font-size:16px!important;border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{transform:translateY(-1px);box-shadow:0 4px 12px #667eea26}.form-label{font-size:var(--mobile-font-sm);margin-bottom:var(--mobile-space-sm);font-weight:var(--font-weight-medium)}.form-actions{flex-direction:column;gap:var(--mobile-space-lg);margin-top:var(--mobile-space-xl)}.form-actions .btn{width:100%;min-height:var(--touch-target-ideal);padding:var(--mobile-space-lg) var(--mobile-space-xl);font-size:var(--mobile-font-lg)}.form-checkbox,.form-radio{width:24px;height:24px;margin-right:var(--mobile-space-sm)}.file-upload{padding:var(--mobile-space-xl);min-height:120px}.file-upload-icon{font-size:32px}.file-upload-text{font-size:var(--mobile-font-sm)}}@media (max-width: 768px){.btn{min-height:var(--touch-target-min);padding:var(--mobile-space-lg) var(--mobile-space-xl);font-size:var(--mobile-font-base);border-radius:var(--radius-md)}.btn-sm{min-height:40px;padding:var(--mobile-space-md) var(--mobile-space-lg);font-size:var(--mobile-font-sm)}.btn-lg{min-height:56px;padding:var(--mobile-space-xl) var(--mobile-space-2xl);font-size:var(--mobile-font-lg)}.btn-icon{width:var(--touch-target-ideal);height:var(--touch-target-ideal);min-width:var(--touch-target-ideal)}.btn-group{flex-direction:column!important;gap:var(--mobile-space-md)!important}.btn-group .btn{width:100%!important;border-radius:var(--radius-md)!important}.btn-floating{position:fixed;bottom:calc(var(--mobile-bottom-nav-height) + var(--safe-bottom) + var(--mobile-space-lg));right:var(--mobile-space-lg);width:56px;height:56px;border-radius:50%;z-index:calc(var(--z-mobile-nav) - 1);box-shadow:var(--shadow-xl)}}@media (max-width: 768px){.card{padding:var(--mobile-space-lg);border-radius:var(--radius-lg);margin-bottom:var(--mobile-space-lg)}.card-header{margin-bottom:var(--mobile-space-lg)}.card-title{font-size:var(--mobile-font-xl)}.card-footer{margin-top:var(--mobile-space-lg);padding-top:var(--mobile-space-lg)}.badge{padding:6px var(--mobile-space-md);font-size:var(--mobile-font-xs);gap:4px}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:var(--mobile-space-md)!important}.stat-item{padding:var(--mobile-space-lg) var(--mobile-space-md)!important;text-align:center}.stat-icon{font-size:20px!important;margin-bottom:4px}.stat-number{font-size:var(--mobile-font-lg)!important;line-height:1}.stat-text{font-size:var(--mobile-font-xs)!important;line-height:1.2}}@media (max-width: 768px){.modal-overlay{padding:0!important;align-items:flex-end}.modal{width:100%!important;max-width:100%!important;max-height:95vh!important;margin:0!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.modal-overlay.active .modal{transform:translateY(0)}.modal-header{padding:var(--mobile-space-lg) var(--mobile-space-lg) var(--mobile-space-md)!important;position:relative}.modal-header:before{content:"";position:absolute;top:var(--mobile-space-sm);left:50%;transform:translate(-50%);width:40px;height:4px;background:var(--color-border);border-radius:2px}.modal-body{padding:var(--mobile-space-md) var(--mobile-space-lg)!important;max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-footer{padding:var(--mobile-space-lg)!important;gap:var(--mobile-space-md)!important;flex-direction:column}.modal-footer .btn{width:100%;order:1}.modal-footer .btn-secondary{order:2}.modal-close{top:var(--mobile-space-lg)!important;right:var(--mobile-space-lg)!important;width:var(--touch-target-min)!important;height:var(--touch-target-min)!important;font-size:20px}}@media (max-width: 768px){.floating-symbols,.gradient-orbs,.playground-elements{animation:none!important;opacity:.3!important}*{transition-duration:.2s!important}.smooth-scroll{transform:translateZ(0);backface-visibility:hidden;perspective:1000}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@media (hover: none) and (pointer: coarse){button:active,.btn:active,a:active,.card:active,.clickable:active{transform:scale(.98);opacity:.9}.btn:hover,.card:hover,a:hover,.nav-item:hover{transform:none!important;box-shadow:none!important}.touch-feedback:active{background:var(--color-surface-active)!important}}@media (max-width: 768px){.hero-section{min-height:calc(100vh - var(--mobile-nav-height))!important;padding:var(--mobile-space-2xl) var(--mobile-padding)!important}.hero-content{padding:0!important}.hero-transition{flex-direction:column!important;gap:var(--mobile-space-md)!important;font-size:var(--mobile-font-sm)!important;margin-bottom:var(--mobile-space-xl)!important}.transition-icon{transform:rotate(90deg);font-size:20px}.hero-actions{flex-direction:column!important;width:100%!important;gap:var(--mobile-space-lg)!important;margin-top:var(--mobile-space-xl)!important}.hero-actions .btn{width:100%!important;padding:var(--mobile-space-lg)!important}.live-stats{flex-direction:column!important;gap:var(--mobile-space-lg)!important;margin-top:var(--mobile-space-2xl)!important}.stat-item{justify-content:center!important;padding:var(--mobile-space-md) var(--mobile-space-lg)!important;background:var(--color-surface);border-radius:var(--radius-md)}}@media (max-width: 768px){.browse-page{padding:0 var(--mobile-padding) calc(var(--mobile-bottom-nav-height) + var(--safe-bottom))!important}.browse-header{padding-top:var(--mobile-space-xl)!important;margin-bottom:var(--mobile-space-xl)!important}.category-filter{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;margin:0 calc(-1 * var(--mobile-padding)) var(--mobile-space-xl)!important;padding:0 var(--mobile-padding)!important;flex-wrap:nowrap!important}.filter-button{flex-shrink:0!important;white-space:nowrap!important;padding:var(--mobile-space-md) var(--mobile-space-lg)!important;font-size:var(--mobile-font-sm)!important}.skills-grid{grid-template-columns:1fr!important;gap:var(--mobile-space-lg)!important}}@media (max-width: 768px){.profile-page{padding-top:var(--mobile-nav-height)!important}.profile-hero{padding:var(--mobile-space-xl) var(--mobile-padding)!important}.profile-header{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:var(--mobile-space-xl)!important}.profile-avatar{width:100px!important;height:100px!important}.profile-name{font-size:var(--mobile-font-3xl)!important}.profile-badges{justify-content:center!important;gap:var(--mobile-space-sm)!important}.profile-stats{justify-content:center!important;gap:var(--mobile-space-xl)!important}.profile-actions{width:100%!important;margin:0!important;flex-direction:column!important;gap:var(--mobile-space-md)!important}.profile-content{grid-template-columns:1fr!important;padding:var(--mobile-space-xl) var(--mobile-padding) calc(var(--mobile-bottom-nav-height) + var(--safe-bottom))!important}.profile-tabs{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;margin:0 calc(-1 * var(--mobile-padding)) var(--mobile-space-xl)!important;padding:0 var(--mobile-padding)!important}.tab{flex:0 0 auto!important;white-space:nowrap!important;padding:var(--mobile-space-md) var(--mobile-space-lg)!important}}@media (max-width: 768px){.signup-page,.loginPage{padding:var(--mobile-space-lg)!important;min-height:100vh;display:flex!important;align-items:center!important}.signup-container,.formCard{width:100%!important;max-width:100%!important;padding:var(--mobile-space-xl) var(--mobile-space-lg)!important;border-radius:var(--radius-xl)!important}.user-type-container,.socialLogin{grid-template-columns:1fr!important;gap:var(--mobile-space-lg)!important}.skills-grid{grid-template-columns:repeat(2,1fr)!important;gap:var(--mobile-space-md)!important}.skill-chip{padding:var(--mobile-space-md) var(--mobile-space-sm)!important;font-size:var(--mobile-font-sm)!important}}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.tablet-up{display:none!important}.mobile-text-center{text-align:center!important}.mobile-text-left{text-align:left!important}.mobile-text-right{text-align:right!important}.mobile-mt-0{margin-top:0!important}.mobile-mt-1{margin-top:var(--mobile-space-sm)!important}.mobile-mt-2{margin-top:var(--mobile-space-md)!important}.mobile-mt-3{margin-top:var(--mobile-space-lg)!important}.mobile-mt-4{margin-top:var(--mobile-space-xl)!important}.mobile-mb-0{margin-bottom:0!important}.mobile-mb-1{margin-bottom:var(--mobile-space-sm)!important}.mobile-mb-2{margin-bottom:var(--mobile-space-md)!important}.mobile-mb-3{margin-bottom:var(--mobile-space-lg)!important}.mobile-mb-4{margin-bottom:var(--mobile-space-xl)!important}.mobile-p-0{padding:0!important}.mobile-p-1{padding:var(--mobile-space-sm)!important}.mobile-p-2{padding:var(--mobile-space-md)!important}.mobile-p-3{padding:var(--mobile-space-lg)!important}.mobile-p-4{padding:var(--mobile-space-xl)!important}.mobile-px-0{padding-left:0!important;padding-right:0!important}.mobile-py-0{padding-top:0!important;padding-bottom:0!important}.mobile-w-full{width:100%!important}.mobile-h-full{height:100%!important}.mobile-flex{display:flex!important}.mobile-flex-col{flex-direction:column!important}.mobile-flex-row{flex-direction:row!important}.mobile-items-center{align-items:center!important}.mobile-justify-center{justify-content:center!important}.mobile-justify-between{justify-content:space-between!important}.mobile-text-xs{font-size:var(--mobile-font-xs)!important}.mobile-text-sm{font-size:var(--mobile-font-sm)!important}.mobile-text-base{font-size:var(--mobile-font-base)!important}.mobile-text-lg{font-size:var(--mobile-font-lg)!important}.mobile-text-xl{font-size:var(--mobile-font-xl)!important}.mobile-font-normal{font-weight:var(--font-weight-normal)!important}.mobile-font-medium{font-weight:var(--font-weight-medium)!important}.mobile-font-semibold{font-weight:var(--font-weight-semibold)!important}.mobile-rounded{border-radius:var(--radius-md)!important}.mobile-rounded-lg{border-radius:var(--radius-lg)!important}.mobile-rounded-xl{border-radius:var(--radius-xl)!important}.mobile-rounded-full{border-radius:var(--radius-full)!important}}@media (max-width: 812px) and (orientation: landscape){:root{--mobile-nav-height: 50px}.hero-section{min-height:auto!important;padding:var(--mobile-space-xl) var(--mobile-padding)!important}.navbar{height:calc(50px + var(--safe-top))!important}.nav-container{height:50px!important}.nav-logo h1{font-size:20px!important}section{padding:var(--mobile-space-xl) var(--mobile-padding)!important}.mobile-menu-overlay{top:calc(50px + var(--safe-top))!important}}@media (max-width: 374px){:root{--mobile-padding: 12px;--mobile-gap: 8px;--mobile-space-lg: 12px;--mobile-space-xl: 16px}.hero-title{font-size:24px!important}.section-title{font-size:20px!important}.card{padding:var(--mobile-space-md)!important}.skill-symbol{width:40px!important;height:40px!important;font-size:20px!important}.btn{padding:var(--mobile-space-md) var(--mobile-space-lg)!important;font-size:var(--mobile-font-sm)!important}.nav-logo h1{font-size:20px!important}.nav-logo span{font-size:8px!important}}@media (max-width: 768px){.mobile-smooth{transform:translateZ(0);backface-visibility:hidden;perspective:1000}body{text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.contain-layout{contain:layout}.contain-style{contain:style}.contain-paint{contain:paint}.scroll-container{overflow:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.loading-skeleton{background:linear-gradient(90deg,var(--color-surface) 0%,var(--color-surface-hover) 50%,var(--color-surface) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}}@media (max-width: 768px){*:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.skip-to-content{position:absolute;top:-40px;left:var(--mobile-space-md);background:var(--color-primary);color:#fff;padding:var(--mobile-space-md);text-decoration:none;border-radius:var(--radius-md);z-index:9999;transform:translateY(-100%);transition:transform var(--transition-fast)}.skip-to-content:focus{transform:translateY(calc(100% + var(--mobile-space-md)))}.btn[aria-label],.btn[title]{position:relative}a,button,input,select,textarea{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.high-contrast{filter:contrast(1.2)}}@media print{.mobile-no-print,.mobile-menu-toggle,.mobile-menu-overlay,.mobile-bottom-nav{display:none!important}.main-content{padding:0!important}}@media (max-width: 768px) and (prefers-color-scheme: dark){.navbar{background:#000000fa;border-bottom-color:#ffffff14}.mobile-menu-overlay{background:#000000fc}.mobile-bottom-nav{background:#000000fa;border-top-color:#ffffff14}}@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2),(max-width: 768px) and (min-resolution: 192dpi){.skill-symbol,.nav-icon,.badge{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.card,.btn,.form-input{border-width:.5px}}:root{--color-primary: #667eea;--color-primary-dark: #764ba2;--color-secondary: #4ade80;--color-tertiary: #f093fb;--color-accent: #45B7D1;--color-danger: #ef4444;--color-warning: #f59e0b;--color-success: #4ade80;--color-info: #3b82f6;--color-bg-primary: #000000;--color-bg-secondary: #0a0a0a;--color-bg-tertiary: #1a1a1a;--color-surface: rgba(255, 255, 255, .03);--color-surface-hover: rgba(255, 255, 255, .05);--color-surface-active: rgba(255, 255, 255, .08);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-muted: rgba(255, 255, 255, .6);--color-text-disabled: rgba(255, 255, 255, .4);--color-border: rgba(255, 255, 255, .05);--color-border-hover: rgba(255, 255, 255, .1);--color-border-active: rgba(255, 255, 255, .2);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 5rem;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-5xl: 3rem;--font-6xl: 3.75rem;--font-7xl: 4.5rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .3), 0 4px 16px rgba(255, 255, 255, .1) inset;--shadow-crystal: 0 20px 40px rgba(0, 0, 0, .4), 0 8px 16px rgba(255, 255, 255, .1) inset;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-silk: cubic-bezier(.4, 0, .2, 1);--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--transition-luxury: .4s cubic-bezier(.25, .46, .45, .94);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;background:var(--color-bg-primary);color:var(--color-text-primary);overflow-x:hidden;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--color-surface-active);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.app{min-height:100vh;background:var(--color-bg-primary);position:relative}.app-main-content{padding-top:var(--space-4xl);position:relative;z-index:1}.app-navbar{position:fixed;top:0;left:0;right:0;height:var(--space-4xl);background:#000000e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);z-index:1000;transition:all var(--transition-base) var(--transition-silk)}.app-navbar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(102,126,234,.02) 0%,transparent 50%,rgba(74,222,128,.02) 100%);pointer-events:none}.app-nav-particles-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.nav-particle{position:absolute;width:2px;height:2px;background:var(--color-primary);border-radius:var(--radius-full);opacity:.3;animation:navFloat 15s infinite linear}.nav-particle:nth-child(2n){background:var(--color-secondary);animation-duration:20s;opacity:.2}.nav-particle:nth-child(3n){background:var(--color-tertiary);animation-duration:25s;opacity:.1}@keyframes navFloat{0%{transform:translateY(100px) rotate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.app-nav-container{max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-lg);height:100%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.app-nav-loading{display:flex;align-items:center;gap:var(--space-md)}.app-nav-loading-spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top:2px solid var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}.app-nav-logo{text-decoration:none;color:inherit;transition:transform var(--transition-base) var(--transition-silk);position:relative;z-index:3}.app-nav-logo:hover{transform:translateY(-2px)}.app-logo-content{display:flex;flex-direction:column;align-items:flex-start}.app-logo-text{font-size:var(--font-3xl);font-weight:var(--font-weight-light);letter-spacing:-.02em;margin:0;color:var(--color-text-primary);line-height:var(--leading-tight)}.app-logo-accent{font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-logo-subtitle{font-size:var(--font-xs);font-weight:var(--font-weight-medium);letter-spacing:.1em;color:var(--color-text-muted);margin-top:var(--space-xs);text-transform:uppercase;opacity:.8}.app-nav-links{display:flex;align-items:center;gap:var(--space-xl)}.app-desktop-only{display:flex}.app-nav-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-base);font-weight:var(--font-weight-medium);transition:all var(--transition-base) var(--transition-silk);position:relative;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg)}.app-nav-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-surface);border-radius:var(--radius-lg);opacity:0;transition:opacity var(--transition-fast)}.app-nav-link:hover:before{opacity:1}.app-nav-link:hover{color:var(--color-text-primary);transform:translateY(-1px)}.app-nav-link:after{content:"";position:absolute;bottom:-2px;left:var(--space-md);right:var(--space-md);height:2px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:var(--radius-full);transform:scaleX(0);transition:transform var(--transition-base) var(--transition-silk)}.app-nav-link:hover:after{transform:scaleX(1)}.app-nav-link-icon{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);opacity:.8;transition:all var(--transition-fast)}.app-nav-link:hover .app-nav-link-icon{opacity:1;transform:scale(1.1)}.app-nav-link-external{position:relative}.app-nav-link-external svg{opacity:.6;transition:opacity var(--transition-fast)}.app-nav-link-external:hover svg{opacity:1}.app-nav-user-menu{display:flex;align-items:center;gap:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-sm);transition:all var(--transition-base) var(--transition-silk)}.app-nav-user-menu:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.app-nav-user-info{display:flex;align-items:center;gap:var(--space-md);cursor:pointer}.app-nav-user-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);font-weight:var(--font-weight-bold);font-size:var(--font-lg);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);border:2px solid transparent;position:relative;overflow:hidden}.app-nav-user-avatar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform var(--transition-slow)}.app-nav-user-avatar:hover:before{transform:translate(100%)}.app-nav-user-avatar:hover{transform:scale(1.05);border-color:var(--color-primary);box-shadow:0 4px 12px #667eea4d}.app-nav-user-symbol{position:absolute;top:-2px;right:-2px;width:20px;height:20px;background:var(--color-bg-primary);border:2px solid currentColor;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-xs);font-weight:var(--font-weight-extrabold)}.app-nav-user-initial{font-size:var(--font-xl)}.app-nav-user-details{display:flex;flex-direction:column;gap:var(--space-xs);min-width:120px}.app-nav-user-name{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--leading-snug)}.app-nav-user-type{font-size:var(--font-sm);color:var(--color-text-muted);line-height:var(--leading-snug)}.app-nav-logout-btn{display:flex;align-items:center;gap:var(--space-sm);background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);position:relative;overflow:hidden}.app-nav-logout-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-danger);opacity:0;transition:opacity var(--transition-base)}.app-nav-logout-btn:hover:before{opacity:.1}.app-nav-logout-btn:hover{border-color:var(--color-danger);color:var(--color-danger);transform:translateY(-1px)}.app-nav-auth-links{display:flex;align-items:center;gap:var(--space-lg)}.app-nav-signup-btn{display:inline-flex;align-items:center;gap:var(--space-sm);background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-primary) 100%);border:none;color:var(--color-text-primary);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);font-size:var(--font-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);box-shadow:var(--shadow-md);text-decoration:none;position:relative;overflow:hidden}.app-nav-signup-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:var(--radius-full);transform:translate(-50%,-50%);transition:width .6s,height .6s}.app-nav-signup-btn:hover:before{width:300px;height:300px}.app-nav-signup-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.app-nav-signup-icon{font-size:var(--font-lg);font-weight:var(--font-weight-extrabold)}.app-mobile-menu-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;border-radius:var(--radius-md);transition:background-color var(--transition-fast);position:relative;z-index:1001}.app-mobile-menu-toggle:hover{background:var(--color-surface)}.app-mobile-menu-toggle:active{background:var(--color-surface-active);transform:scale(.95)}.app-menu-line{position:relative;width:24px;height:2px;background:var(--color-text-primary);transition:all var(--transition-base) var(--transition-silk);border-radius:1px;box-shadow:0 1px 2px #0000001a}.app-menu-line:before,.app-menu-line:after{content:"";position:absolute;left:0;width:100%;height:2px;background:var(--color-text-primary);transition:all var(--transition-base) var(--transition-silk);border-radius:1px;box-shadow:0 1px 2px #0000001a}.app-menu-line:before{top:-8px}.app-menu-line:after{bottom:-8px}.app-mobile-menu-toggle.active .app-menu-line{background:transparent;box-shadow:none}.app-mobile-menu-toggle.active .app-menu-line:before{transform:rotate(45deg) translateY(8px);top:0}.app-mobile-menu-toggle.active .app-menu-line:after{transform:rotate(-45deg) translateY(-8px);bottom:0}.app-mobile-menu-overlay{position:fixed;top:var(--space-4xl);left:0;right:0;bottom:0;background:#000000fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translate(100%);transition:transform var(--transition-base) var(--transition-silk);z-index:999;padding:var(--space-lg);overflow-y:auto;-webkit-overflow-scrolling:touch;display:none}.app-mobile-menu-overlay:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border-hover),transparent)}.app-mobile-menu-overlay.active{transform:translate(0)}.app-mobile-menu-header{padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-lg)}.app-mobile-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-lg)}.app-mobile-logo-text{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-mobile-logo-subtitle{font-size:var(--font-sm);color:var(--color-text-muted);margin-top:var(--space-xs)}.app-mobile-user-info{display:flex;align-items:center;gap:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md)}.app-mobile-user-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);display:flex;align-items:center;justify-content:center;position:relative}.app-mobile-user-symbol{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:var(--color-bg-primary);border:2px solid currentColor;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-xs);font-weight:var(--font-weight-extrabold)}.app-mobile-user-details{flex:1}.app-mobile-user-name{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.app-mobile-user-type{font-size:var(--font-sm);color:var(--color-text-muted)}.app-mobile-menu-content{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-2xl)}.app-mobile-menu-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-md);color:var(--color-text-primary);font-size:var(--font-lg);font-weight:var(--font-weight-medium);text-decoration:none;border-radius:var(--radius-lg);transition:all var(--transition-fast);position:relative;background:var(--color-surface);border:1px solid var(--color-border);margin-bottom:var(--space-sm)}.app-mobile-menu-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;transform:scaleY(0);transition:transform var(--transition-fast)}.app-mobile-menu-item:hover,.app-mobile-menu-item:active{color:var(--color-primary);background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translate(4px)}.app-mobile-menu-item:hover:before{transform:scaleY(1)}.app-mobile-item-icon{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);min-width:32px}.app-mobile-external-link{position:relative}.app-mobile-menu-actions{display:flex;flex-direction:column;gap:var(--space-md);margin-top:auto;padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.app-mobile-menu-action{display:flex;align-items:center;justify-content:center;gap:var(--space-md);width:100%;background:transparent;border:2px solid var(--color-border);padding:var(--space-lg);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-base);font-weight:var(--font-weight-semibold);text-align:center;cursor:pointer;transition:all var(--transition-base) var(--transition-silk);text-decoration:none;font-family:inherit;position:relative;overflow:hidden}.app-mobile-menu-action:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-surface);opacity:0;transition:opacity var(--transition-base)}.app-mobile-menu-action:hover:before,.app-mobile-menu-action:active:before{opacity:1}.app-mobile-menu-action:hover,.app-mobile-menu-action:active{color:var(--color-text-primary);border-color:var(--color-border-hover);transform:translateY(-2px)}.app-mobile-action-primary{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-primary) 100%);border-color:var(--color-secondary);color:var(--color-text-primary)}.app-mobile-action-primary:hover{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-primary-dark) 100%);border-color:var(--color-primary)}.app-mobile-action-secondary{border-color:var(--color-danger);color:var(--color-danger)}.app-mobile-action-secondary:hover{background:var(--color-danger);color:var(--color-text-primary)}.app-mobile-action-icon{font-size:var(--font-lg);font-weight:var(--font-weight-bold)}.app-home-page{background:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;position:relative;overflow-x:hidden}.app-tour-button-section{padding:var(--space-2xl) var(--space-lg) var(--space-lg);background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);border-bottom:1px solid var(--color-border);position:relative}.app-tour-button-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(240,147,251,.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(69,183,209,.06) 0%,transparent 50%);pointer-events:none}.app-tour-button-container{max-width:var(--container-xl);margin:0 auto;text-align:center;position:relative;z-index:2}.app-tour-btn{display:inline-flex;align-items:center;gap:var(--space-md);background:linear-gradient(135deg,var(--color-tertiary) 0%,var(--color-accent) 100%);color:var(--color-text-primary);padding:var(--space-lg) var(--space-2xl);border:none;border-radius:var(--radius-full);font-size:var(--font-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);text-decoration:none;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.app-tour-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:var(--radius-full);transform:translate(-50%,-50%);transition:width .6s,height .6s}.app-tour-btn:hover:before{width:300px;height:300px}.app-tour-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px #f093fb66}.app-tour-btn-prominent{animation:tourPulseGlow 3s ease-in-out infinite}@keyframes tourPulseGlow{0%,to{box-shadow:var(--shadow-lg)}50%{box-shadow:0 10px 30px #f093fb99,0 0 0 4px #f093fb1a}}.app-tour-btn-icon{font-size:var(--font-2xl);font-weight:var(--font-weight-extrabold);position:relative;z-index:1}.app-tour-btn-text{position:relative;z-index:1}.app-tour-btn-arrow{transition:transform var(--transition-base);position:relative;z-index:1}.app-tour-btn:hover .app-tour-btn-arrow{transform:translate(4px)}.app-signin-button-section{padding:var(--space-lg) var(--space-lg);background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-primary) 100%);border-bottom:1px solid var(--color-border);position:relative}.app-signin-button-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.06) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(74,222,128,.05) 0%,transparent 50%);pointer-events:none}.app-signin-button-container{max-width:var(--container-xl);margin:0 auto;text-align:center;position:relative;z-index:2}.app-signin-btn{display:inline-flex;align-items:center;gap:var(--space-md);background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text-primary);padding:var(--space-lg) var(--space-2xl);border-radius:var(--radius-full);font-size:var(--font-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);text-decoration:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden}.app-signin-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.app-signin-btn:hover:before{left:100%}.app-signin-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.app-signin-btn-prominent{animation:signinGlow 4s ease-in-out infinite}@keyframes signinGlow{0%,to{box-shadow:0 4px 12px #ffffff1a}50%{box-shadow:0 8px 25px #667eea4d,0 0 0 3px #667eea1a}}.app-signin-btn-icon{font-size:var(--font-2xl);font-weight:var(--font-weight-extrabold);position:relative;z-index:1}.app-signin-btn-text{position:relative;z-index:1}.app-signin-btn-arrow{transition:transform var(--transition-base);position:relative;z-index:1}.app-signin-btn:hover .app-signin-btn-arrow{transform:translate(4px)}.app-journey-selector-section{padding:var(--space-2xl) var(--space-lg) var(--space-4xl);background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-primary) 100%);position:relative;min-height:calc(100vh - 180px)}.app-journey-selector-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(102,126,234,.05) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(74,222,128,.05) 0%,transparent 50%);pointer-events:none}.app-user-journey-selector{max-width:800px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-2xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-crystal);position:relative;z-index:2}.app-selector-header{text-align:center;margin-bottom:var(--space-2xl)}.app-selector-title{display:flex;align-items:center;justify-content:center;gap:var(--space-md);font-size:var(--font-3xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-md);line-height:var(--leading-tight)}.app-selector-icon{font-size:var(--font-2xl)}.app-selector-subtitle{font-size:var(--font-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:500px;margin:0 auto}.app-selector-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);margin-bottom:var(--space-2xl)}.app-dropdown-container{position:relative}.app-dropdown-label{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.app-label-icon{font-size:var(--font-base)}.app-dropdown{position:relative;width:100%}.app-dropdown.disabled{opacity:.6;pointer-events:none}.app-dropdown-trigger{width:100%;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);display:flex;align-items:center;justify-content:space-between;min-height:80px;font-family:inherit;text-align:left}.app-dropdown-trigger:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.app-dropdown-trigger:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}.app-dropdown.active .app-dropdown-trigger{border-color:var(--color-primary);background:var(--color-surface-active);box-shadow:0 0 0 3px #667eea1a}.app-dropdown-selected,.app-dropdown-placeholder{display:flex;align-items:center;gap:var(--space-md);flex:1}.app-dropdown-icon{font-size:var(--font-xl);font-weight:var(--font-weight-bold);min-width:32px;text-align:center}.app-dropdown-text{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.app-dropdown-main{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--leading-snug)}.app-dropdown-desc{font-size:var(--font-sm);color:var(--color-text-muted);line-height:var(--leading-snug)}.app-dropdown-placeholder .app-dropdown-main{color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.app-dropdown-arrow{color:var(--color-text-muted);transition:transform var(--transition-base) var(--transition-silk);flex-shrink:0}.app-dropdown-arrow.rotated{transform:rotate(180deg);color:var(--color-primary)}.app-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-tertiary);border:2px solid var(--color-border-hover);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;margin-top:var(--space-sm);max-height:300px;overflow-y:auto;animation:dropdownSlideIn .2s ease}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.app-dropdown-option{width:100%;background:transparent;border:none;padding:var(--space-lg);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-md);text-align:left;font-family:inherit;border-bottom:1px solid var(--color-border)}.app-dropdown-option:last-child{border-bottom:none}.app-dropdown-option:hover{background:var(--color-surface-hover)}.app-dropdown-option.selected{background:var(--color-surface-active);border-color:var(--color-primary)}.app-dropdown-option.selected .app-dropdown-main{color:var(--color-primary)}.app-dropdown-option svg{color:var(--color-primary);flex-shrink:0}.app-selector-actions{text-align:center}.app-btn-continue{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-primary) 100%);color:var(--color-text-primary);padding:var(--space-lg) var(--space-2xl);font-size:var(--font-lg);font-weight:var(--font-weight-semibold);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);display:inline-flex;align-items:center;gap:var(--space-md);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;margin-bottom:var(--space-lg)}.app-btn-continue:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:var(--radius-full);transform:translate(-50%,-50%);transition:width .6s,height .6s}.app-btn-continue.active:before{width:300px;height:300px}.app-btn-continue.active:hover{transform:translateY(-3px);box-shadow:0 20px 40px #4ade8066}.app-btn-continue.disabled{background:var(--color-surface);color:var(--color-text-disabled);cursor:not-allowed;transform:none!important;box-shadow:none}.app-btn-continue.disabled:before{display:none}.app-btn-icon{font-size:var(--font-lg);font-weight:var(--font-weight-bold)}.app-selection-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);animation:fadeInUp .3s ease}.app-summary-item{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-sm);font-size:var(--font-base)}.app-summary-label{color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.app-summary-value{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-xs)}.app-summary-separator{color:var(--color-primary);font-size:var(--font-xl);font-weight:var(--font-weight-bold)}.app-container{max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-lg)}@keyframes navRipple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(4);opacity:0}}@keyframes homeRipple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(4);opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.app-nav-links{gap:var(--space-lg)}.app-logo-text{font-size:var(--font-2xl)}}@media (max-width: 768px){.app-desktop-only{display:none!important}.app-mobile-menu-toggle{display:flex!important}.app-mobile-menu-overlay{display:block!important}.app-main-content{padding-top:70px}.app-navbar{height:70px}.app-nav-container{padding:0 var(--space-md)}.app-logo-text{font-size:var(--font-xl)}.app-logo-subtitle{font-size:10px}.app-tour-button-section{padding:var(--space-xl) var(--space-md) var(--space-md)}.app-tour-btn{font-size:var(--font-base);padding:var(--space-md) var(--space-xl);gap:var(--space-sm)}.app-tour-btn-icon{font-size:var(--font-xl)}.app-signin-button-section{padding:var(--space-md) var(--space-md)}.app-signin-btn{font-size:var(--font-base);padding:var(--space-md) var(--space-xl);gap:var(--space-sm)}.app-signin-btn-icon{font-size:var(--font-xl)}.app-journey-selector-section{padding:var(--space-xl) var(--space-md);min-height:calc(100vh - 140px)}.app-user-journey-selector{padding:var(--space-xl) var(--space-lg)}.app-selector-title{font-size:var(--font-2xl);flex-direction:column;gap:var(--space-sm)}.app-selector-subtitle{font-size:var(--font-base)}.app-selector-grid{grid-template-columns:1fr;gap:var(--space-lg)}.app-dropdown-trigger{min-height:70px;padding:var(--space-md)}.app-dropdown-main{font-size:var(--font-sm)}.app-dropdown-desc{font-size:var(--font-xs)}.app-btn-continue{width:100%;justify-content:center;padding:var(--space-lg);font-size:var(--font-base)}.app-summary-item{flex-direction:column;text-align:center;gap:var(--space-md)}.app-container{padding:0 var(--space-md)}}@media (max-width: 480px){.app-nav-container,.app-container{padding:0 var(--space-sm)}.app-tour-button-section{padding:var(--space-lg) var(--space-sm) var(--space-sm)}.app-tour-btn{width:100%;justify-content:center;font-size:var(--font-sm);padding:var(--space-md) var(--space-lg)}.app-tour-btn-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-signin-button-section{padding:var(--space-sm) var(--space-sm)}.app-signin-btn{width:100%;justify-content:center;font-size:var(--font-sm);padding:var(--space-md) var(--space-lg)}.app-signin-btn-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-journey-selector-section{padding:var(--space-lg) var(--space-sm);min-height:calc(100vh - 120px)}.app-user-journey-selector{padding:var(--space-lg) var(--space-md)}.app-selector-title{font-size:var(--font-xl)}.app-selector-subtitle{font-size:var(--font-sm)}.app-dropdown-trigger{min-height:60px;padding:var(--space-sm)}.app-dropdown-icon{font-size:var(--font-lg);min-width:24px}.app-dropdown-main{font-size:var(--font-xs)}.app-dropdown-desc{font-size:11px}.app-dropdown-option{padding:var(--space-md)}.app-btn-continue{padding:var(--space-md);font-size:var(--font-sm)}.app-selection-summary{padding:var(--space-md)}.app-summary-item{font-size:var(--font-sm)}.app-mobile-menu-overlay{padding:var(--space-md)}.app-mobile-menu-item{padding:var(--space-md);font-size:var(--font-base)}.app-mobile-menu-action{padding:var(--space-md)}}@media (min-width: 1200px){.app-nav-container,.app-container{padding:0 var(--space-2xl)}}.app-nav-link:focus,.app-mobile-menu-item:focus,.app-btn-continue:focus,.app-tour-btn:focus,.app-signin-btn:focus,.app-mobile-menu-action:focus,.app-mobile-menu-toggle:focus,.app-nav-user-avatar:focus,.app-dropdown-trigger:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast: high){.app-nav-user-avatar,.app-btn-continue,.app-tour-btn,.app-signin-btn,.app-mobile-menu-action{border-width:2px!important}.app-user-journey-selector,.app-dropdown-trigger{border-width:2px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.app-tour-btn-prominent,.app-signin-btn-prominent,.nav-particle{animation:none!important}}@media print{.app-navbar,.app-mobile-menu-overlay,.app-nav-particles-bg{display:none!important}.app-main-content{padding-top:0!important}*{background:#fff!important;color:#000!important}}.project-detail-page{min-height:100vh;background:var(--color-bg-primary);position:relative;padding-top:var(--space-4xl);overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.project-detail-background-gradient{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 25% 25%,rgba(102,126,234,.08) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(74,222,128,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.project-detail-particles-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.project-detail-particle{position:absolute;width:2px;height:2px;background:var(--color-primary);border-radius:var(--radius-full);opacity:.3;animation:project-detail-float 25s infinite linear}.project-detail-particle:nth-child(2n){background:var(--color-secondary);animation-duration:30s;width:1.5px;height:1.5px;opacity:.2}.project-detail-particle:nth-child(3n){background:var(--color-warning);animation-duration:35s;width:1px;height:1px;opacity:.15}@keyframes project-detail-float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.project-detail-container{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-lg);position:relative;z-index:1}.project-detail-back-nav{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);display:inline-flex;align-items:center;gap:var(--space-sm);text-decoration:none;margin-bottom:var(--space-2xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.project-detail-back-nav:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.project-detail-back-nav:focus{outline:2px solid var(--color-primary);outline-offset:2px}.project-detail-success-message{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;animation:project-detail-fadeIn .3s ease-out}.project-detail-success-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.project-detail-success-content{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-crystal);text-align:center;max-width:400px;width:90%;position:relative;animation:project-detail-scaleIn .4s ease-out}.project-detail-success-icon{color:var(--color-success);margin-bottom:var(--space-lg);display:flex;justify-content:center}.project-detail-success-content h3{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-md) 0}.project-detail-success-content p{color:var(--color-text-secondary);margin:0 0 var(--space-xl) 0;line-height:var(--leading-relaxed)}.project-detail-live-badge{display:inline-flex;align-items:center;gap:var(--space-sm);background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-danger);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2xl);animation:project-detail-livePulse 2s infinite;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.project-detail-live-dot{width:8px;height:8px;background:var(--color-danger);border-radius:50%;animation:project-detail-livePulse 1s infinite}.project-detail-hero{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-2xl);margin-bottom:var(--space-2xl);box-shadow:var(--shadow-glass);position:relative;overflow:hidden}.project-detail-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.project-detail-hero-header{margin-bottom:var(--space-xl)}.project-detail-badges{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.project-detail-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em}.project-detail-badge.featured{background:linear-gradient(135deg,var(--color-secondary) 0%,#22c55e 100%);color:#fff;border:1px solid rgba(74,222,128,.3);box-shadow:0 2px 8px #4ade804d}.project-detail-badge.difficulty{color:#fff;border:1px solid rgba(255,255,255,.2)}.project-detail-title{font-size:var(--font-5xl);font-weight:var(--font-weight-extrabold);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--space-md) 0;line-height:var(--leading-tight)}.project-detail-subtitle{font-size:var(--font-xl);color:var(--color-text-muted);font-style:italic;margin:0;line-height:var(--leading-relaxed)}.project-detail-inspiration{background:#667eea0d;border:1px solid rgba(102,126,234,.1);border-radius:var(--radius-xl);padding:var(--space-xl);margin-top:var(--space-xl);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.project-detail-inspiration-header{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:var(--font-sm);color:var(--color-primary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-lg)}.project-detail-inspiration-companies{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-lg)}.project-detail-company-tag{background:var(--color-primary);color:#fff;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.project-detail-inspiration-message{font-size:var(--font-base);color:var(--color-primary);text-align:center;font-style:italic;margin:0;opacity:.9;line-height:var(--leading-relaxed)}.project-detail-content-grid{display:grid;grid-template-columns:1fr;gap:var(--space-2xl)}@media (min-width: 1024px){.project-detail-content-grid{grid-template-columns:2fr 1fr}}.project-detail-main-content{display:flex;flex-direction:column;gap:var(--space-2xl)}.project-detail-section{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-glass);position:relative;overflow:hidden}.project-detail-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);transform:scaleX(0);transition:transform var(--transition-base) ease;transform-origin:left}.project-detail-section:hover:before{transform:scaleX(1)}.project-detail-section-title{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-xl) 0;display:flex;align-items:center;gap:var(--space-md)}.project-detail-mission-description{font-size:var(--font-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-xl)}.project-detail-mission-output{background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-lg);padding:var(--space-lg);border-left:4px solid var(--color-success);display:flex;align-items:flex-start;gap:var(--space-md)}.project-detail-output-icon{color:var(--color-success);flex-shrink:0;margin-top:2px}.project-detail-mission-output strong{color:var(--color-success);font-weight:var(--font-weight-semibold)}.project-detail-team-roles{display:grid;gap:var(--space-xl)}.project-detail-role-card{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--transition-base) var(--transition-silk);position:relative;overflow:hidden}.project-detail-role-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .5s}.project-detail-role-card:hover:before{left:100%}.project-detail-role-card:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.project-detail-role-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);gap:var(--space-lg)}.project-detail-role-info{flex:1}.project-detail-role-type{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.project-detail-role-emoji{font-size:var(--font-2xl);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.project-detail-role-name{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.project-detail-spots-badge{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.project-detail-spots-badge.available{background:var(--color-success);color:#fff}.project-detail-spots-badge.full{background:var(--color-danger);color:#fff}.project-detail-expand-btn{background:var(--color-surface-active);border:1px solid var(--color-border);color:var(--color-text-muted);padding:var(--space-sm);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}.project-detail-expand-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-secondary)}.project-detail-expand-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.project-detail-expand-btn svg{transition:transform var(--transition-base)}.project-detail-role-description{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-lg)}.project-detail-role-appeal{background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:var(--radius-lg);padding:var(--space-md);color:var(--color-primary);font-style:italic;margin-bottom:var(--space-lg);display:flex;align-items:flex-start;gap:var(--space-sm)}.project-detail-role-appeal svg{flex-shrink:0;margin-top:2px;opacity:.7}.project-detail-role-responsibilities{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.project-detail-role-responsibilities h4{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-md) 0}.project-detail-role-responsibilities ul{list-style:none;padding:0;margin:0}.project-detail-role-responsibilities li{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-sm);color:var(--color-text-secondary);font-size:var(--font-sm);line-height:var(--leading-relaxed)}.project-detail-role-responsibilities li:before{content:"▪";color:var(--color-primary);font-weight:var(--font-weight-bold);flex-shrink:0;margin-top:2px}.project-detail-learning-outcomes{display:grid;gap:var(--space-md)}.project-detail-learning-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface-hover);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-base) var(--transition-silk)}.project-detail-learning-item:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);transform:translate(4px)}.project-detail-learning-check{color:var(--color-success);background:#10b9811a;border-radius:var(--radius-full);width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.project-detail-reality-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media (min-width: 768px){.project-detail-reality-grid{grid-template-columns:1fr 1fr}}.project-detail-expectations,.project-detail-warnings{background:var(--color-surface-hover);border-radius:var(--radius-xl);padding:var(--space-xl);border:1px solid var(--color-border)}.project-detail-expectations{border-left:4px solid var(--color-success)}.project-detail-warnings{border-left:4px solid var(--color-warning)}.project-detail-expectations h4,.project-detail-warnings h4{font-size:var(--font-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-lg) 0;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-sm)}.project-detail-expectations ul,.project-detail-warnings ul{list-style:none;padding:0;margin:0}.project-detail-expectations li,.project-detail-warnings li{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-md);color:var(--color-text-secondary);font-size:var(--font-sm);line-height:var(--leading-relaxed)}.project-detail-expectations li:before{content:"✓";color:var(--color-success);font-weight:var(--font-weight-bold);flex-shrink:0;margin-top:2px}.project-detail-warnings li:before{content:"⚠";color:var(--color-warning);font-weight:var(--font-weight-bold);flex-shrink:0;margin-top:2px}.project-detail-sidebar{display:flex;flex-direction:column;gap:var(--space-xl);align-self:flex-start;position:sticky;top:var(--space-xl)}.project-detail-sidebar-card{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-xl);box-shadow:var(--shadow-glass);position:relative;overflow:hidden}.project-detail-sidebar-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);transform:scaleX(0);transition:transform var(--transition-base) ease;transform-origin:left}.project-detail-sidebar-card:hover:before{transform:scaleX(1)}.project-detail-sidebar-title{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-lg) 0;display:flex;align-items:center;gap:var(--space-sm)}.project-detail-mentor-card{display:flex;gap:var(--space-lg);align-items:flex-start}.project-detail-mentor-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid var(--color-border)}.project-detail-mentor-avatar img{width:100%;height:100%;object-fit:cover}.project-detail-avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-lg)}.project-detail-mentor-info{flex:1}.project-detail-mentor-info h4{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-xs) 0}.project-detail-mentor-title{font-size:var(--font-sm);color:var(--color-text-muted);margin:0 0 var(--space-md) 0;line-height:var(--leading-normal)}.project-detail-mentor-stats{display:flex;flex-direction:column;gap:var(--space-sm)}.project-detail-mentor-stat{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-xs);color:var(--color-text-secondary)}.project-detail-stats-grid{display:grid;gap:var(--space-md)}.project-detail-stat-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--color-surface-hover);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-base)}.project-detail-stat-item:hover{background:var(--color-surface-active);border-color:var(--color-border-hover)}.project-detail-stat-label{font-size:var(--font-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.project-detail-stat-value{font-size:var(--font-base);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.project-detail-application-content{display:flex;flex-direction:column;gap:var(--space-lg)}.project-detail-application-content p{color:var(--color-text-secondary);margin:0;line-height:var(--leading-relaxed)}.project-detail-application-process{margin-bottom:var(--space-lg)}.project-detail-application-process strong{display:block;color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md)}.project-detail-process-steps{display:grid;gap:var(--space-sm);margin-bottom:var(--space-lg)}.project-detail-process-step{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);background:var(--color-surface-hover);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-base)}.project-detail-process-step:hover{background:var(--color-surface-active);border-color:var(--color-border-hover)}.project-detail-step-number{width:24px;height:24px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-xs);font-weight:var(--font-weight-bold);flex-shrink:0}.project-detail-process-step span:last-child{font-size:var(--font-sm);color:var(--color-text-secondary)}.project-detail-process-note{font-size:var(--font-xs);color:var(--color-text-muted);font-style:italic;text-align:center;margin:0}.project-detail-application-status{background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-xl);padding:var(--space-lg);margin-bottom:var(--space-lg)}.project-detail-status-header{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-success);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.project-detail-status-text{text-transform:capitalize;color:var(--color-success)}.project-detail-application-actions{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg)}.project-detail-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--font-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);text-decoration:none;position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.project-detail-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.project-detail-btn:hover:before{left:100%}.project-detail-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.project-detail-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.project-detail-btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-color:var(--color-primary);color:#fff}.project-detail-btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);border-color:var(--color-primary-dark);box-shadow:0 8px 16px #667eea4d}.project-detail-btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-secondary)}.project-detail-btn-secondary:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.project-detail-btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.project-detail-btn-outline:hover{background:var(--color-surface)}.project-detail-btn-disabled{background:var(--color-surface);color:var(--color-text-disabled);border:1px solid var(--color-border);cursor:not-allowed;opacity:.6}.project-detail-btn-disabled:hover{transform:none;box-shadow:none}.project-detail-apply-btn{width:100%;min-height:52px;font-weight:var(--font-weight-bold)}.project-detail-error-state,.project-detail-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center;background:var(--color-surface);border-radius:var(--radius-2xl);border:1px solid var(--color-border);box-shadow:var(--shadow-glass);margin:var(--space-2xl) 0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.project-detail-error-icon{color:var(--color-text-muted);margin-bottom:var(--space-lg);width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-hover);border-radius:var(--radius-full);border:2px solid var(--color-border)}.project-detail-loading-spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;animation:project-detail-spin 1s linear infinite;margin-bottom:var(--space-lg)}.project-detail-error-state h3,.project-detail-loading-state p{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-sm) 0}.project-detail-error-state p{color:var(--color-text-secondary);margin:0 0 var(--space-xl) 0;max-width:400px;line-height:var(--leading-relaxed)}.project-detail-loading-state p{color:var(--color-text-secondary);font-size:var(--font-lg);font-weight:var(--font-weight-normal);margin:0}@keyframes project-detail-scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes project-detail-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes project-detail-livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes project-detail-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1023px){.project-detail-page{padding-top:var(--space-3xl)}.project-detail-sidebar{position:static;top:auto}}@media (max-width: 768px){.project-detail-container{padding:0 var(--space-md)}.project-detail-hero{padding:var(--space-lg);margin-bottom:var(--space-xl)}.project-detail-title{font-size:var(--font-3xl)}.project-detail-subtitle{font-size:var(--font-lg)}.project-detail-badges,.project-detail-inspiration-companies{gap:var(--space-sm)}.project-detail-company-tag{padding:var(--space-xs) var(--space-md);font-size:var(--font-xs)}.project-detail-main-content{gap:var(--space-xl)}.project-detail-section-title{font-size:var(--font-xl);margin-bottom:var(--space-lg)}.project-detail-section,.project-detail-sidebar-card{padding:var(--space-lg)}.project-detail-role-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.project-detail-mentor-card{gap:var(--space-md)}.project-detail-mentor-avatar{width:48px;height:48px}.project-detail-mentor-stats{flex-direction:row;gap:var(--space-lg)}.project-detail-process-steps{gap:var(--space-sm)}.project-detail-process-step{padding:var(--space-sm);gap:var(--space-sm);font-size:var(--font-sm)}.project-detail-step-number{width:20px;height:20px;font-size:10px}.project-detail-application-actions{gap:var(--space-md)}}@media (max-width: 480px){.project-detail-title{font-size:var(--font-2xl)}.project-detail-subtitle{font-size:var(--font-base)}.project-detail-company-tag{font-size:10px;padding:4px var(--space-sm)}.project-detail-role-type{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.project-detail-mentor-info h4{font-size:var(--font-base)}.project-detail-mentor-stats{flex-direction:column;gap:var(--space-sm)}}@media (prefers-reduced-motion: reduce){.project-detail-particle,.project-detail-success-message,.project-detail-role-card,.project-detail-learning-item,.project-detail-btn,.project-detail-live-badge,.project-detail-live-dot{animation:none;transition:none}.project-detail-role-card:hover,.project-detail-learning-item:hover,.project-detail-btn:hover{transform:none}.project-detail-loading-spinner{animation:none}.project-detail-role-card:before,.project-detail-section:before,.project-detail-sidebar-card:before,.project-detail-btn:before{transition:none}}@media (prefers-contrast: high){.project-detail-section,.project-detail-sidebar-card,.project-detail-role-card,.project-detail-hero,.project-detail-btn{border-width:2px}}@media print{.project-detail-page{background:#fff;color:#000;padding:0}.project-detail-back-nav,.project-detail-btn,.project-detail-success-message,.project-detail-live-badge,.project-detail-background-gradient,.project-detail-particles-bg{display:none}.project-detail-content-grid{grid-template-columns:1fr}.project-detail-sidebar{order:-1}.project-detail-section,.project-detail-sidebar-card,.project-detail-hero{box-shadow:none;border:1px solid #ccc;break-inside:avoid;background:#fff}}:root{--color-primary: #667eea;--color-primary-dark: #764ba2;--color-secondary: #4ade80;--color-tertiary: #f093fb;--color-accent: #45B7D1;--color-danger: #ef4444;--color-warning: #f59e0b;--color-success: #4ade80;--color-info: #3b82f6;--color-bg-primary: #000000;--color-bg-secondary: #0a0a0a;--color-bg-tertiary: #1a1a1a;--color-surface: rgba(255, 255, 255, .03);--color-surface-hover: rgba(255, 255, 255, .05);--color-surface-active: rgba(255, 255, 255, .08);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-muted: rgba(255, 255, 255, .6);--color-text-disabled: rgba(255, 255, 255, .4);--color-border: rgba(255, 255, 255, .05);--color-border-hover: rgba(255, 255, 255, .1);--color-border-active: rgba(255, 255, 255, .2);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 5rem;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .3), 0 4px 16px rgba(255, 255, 255, .1) inset;--shadow-crystal: 0 20px 40px rgba(0, 0, 0, .4), 0 8px 16px rgba(255, 255, 255, .1) inset;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-silk: cubic-bezier(.4, 0, .2, 1);--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px}.application-page{min-height:100vh;background:var(--color-bg-primary);position:relative;padding-top:var(--space-4xl);overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.application-background-gradient{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 25% 25%,rgba(102,126,234,.08) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(74,222,128,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.application-particles-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.application-particle{position:absolute;width:2px;height:2px;background:var(--color-primary);border-radius:var(--radius-full);opacity:.3;animation:application-float 25s infinite linear}.application-particle:nth-child(2n){background:var(--color-secondary);animation-duration:30s;width:1.5px;height:1.5px;opacity:.2}.application-particle:nth-child(3n){background:var(--color-warning);animation-duration:35s;width:1px;height:1px;opacity:.15}@keyframes application-float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.application-container{max-width:var(--container-lg);margin:0 auto;padding:0 var(--space-lg);position:relative;z-index:1}.application-header{display:flex;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.application-back-button{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;min-height:48px;flex-shrink:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.application-back-button:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.application-back-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.application-header-content{flex:1}.application-header-content h1{font-size:var(--font-4xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--space-sm) 0;line-height:var(--leading-tight)}.application-project-title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin:0 0 var(--space-sm) 0;line-height:var(--leading-normal)}.application-edit-mode-indicator{margin-top:var(--space-sm)}.application-edit-badge{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:var(--color-warning);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em}.application-progress-steps{display:flex;justify-content:center;margin-bottom:var(--space-2xl);padding:0 var(--space-lg);gap:var(--space-lg)}.application-progress-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);flex:1;position:relative;max-width:200px}.application-progress-step:not(:last-child):after{content:"";position:absolute;top:16px;left:60%;right:-40%;height:2px;background:var(--color-border);z-index:1;transition:all var(--transition-base)}.application-progress-step.active:not(:last-child):after{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%)}.application-step-circle{width:40px;height:40px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);font-weight:var(--font-weight-bold);transition:all var(--transition-base) var(--transition-silk);position:relative;z-index:2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.application-progress-step.active .application-step-circle{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-color:var(--color-primary);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #667eea4d}.application-step-label{font-size:var(--font-sm);color:var(--color-text-muted);text-align:center;font-weight:var(--font-weight-medium);transition:color var(--transition-base);max-width:120px;line-height:var(--leading-tight)}.application-progress-step.active .application-step-label{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.application-form-content{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-glass);margin-bottom:var(--space-lg);position:relative}.application-form-content:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%)}.application-form-step{padding:var(--space-2xl);animation:application-fadeInUp .4s ease-out}.application-step-title{font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2xl);text-align:center;line-height:var(--leading-tight)}.application-student-animal-display{background:linear-gradient(135deg,#667eea1a,#4ade800d);border:1px solid rgba(102,126,234,.2);border-radius:var(--radius-xl);padding:var(--space-lg);margin-bottom:var(--space-2xl);text-align:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.application-animal-badge{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.application-animal-emoji{font-size:var(--font-3xl);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.application-animal-text{font-size:var(--font-lg);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.application-animal-description{font-size:var(--font-sm);color:var(--color-primary);margin:0;opacity:.9;line-height:var(--leading-relaxed)}.application-form-group{margin-bottom:var(--space-2xl)}.application-form-label{display:block;margin-bottom:var(--space-md);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);line-height:var(--leading-normal);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm);flex-wrap:wrap}.application-error-text{color:var(--color-danger);font-size:var(--font-xs);font-weight:var(--font-weight-normal);order:3;flex-basis:100%}.application-char-count{font-size:var(--font-xs);color:var(--color-text-muted);font-weight:var(--font-weight-normal);white-space:nowrap}.application-form-input,.application-form-select,.application-form-textarea{width:100%;padding:var(--space-lg);background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-base);font-family:inherit;transition:all var(--transition-base) var(--transition-silk);outline:none;min-height:56px;box-sizing:border-box;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.application-form-input::placeholder,.application-form-textarea::placeholder{color:var(--color-text-disabled)}.application-form-input:focus,.application-form-select:focus,.application-form-textarea:focus{background:var(--color-surface-active);border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;transform:translateY(-2px)}.application-form-input.error,.application-form-select.error,.application-form-textarea.error{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef44441a}.application-form-textarea{resize:vertical;min-height:120px;line-height:var(--leading-relaxed)}.application-field-hint{font-size:var(--font-xs);color:var(--color-text-muted);margin-top:var(--space-sm);line-height:var(--leading-normal)}.application-roles-selection{display:grid;gap:var(--space-lg)}.application-role-option{background:var(--color-surface-hover);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.application-role-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.application-role-option:hover:before{left:100%}.application-role-option:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.application-role-option:focus{outline:2px solid var(--color-primary);outline-offset:4px}.application-role-option.selected{background:#667eea1a;border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.application-role-option.perfect-match{border-color:var(--color-success);background:linear-gradient(135deg,rgba(16,185,129,.05) 0%,var(--color-surface-hover) 100%)}.application-role-option.perfect-match.selected{background:linear-gradient(135deg,#10b98126,#667eea1a);border-color:var(--color-success);box-shadow:0 0 0 3px #10b98133,var(--shadow-xl)}.application-role-option.unavailable{opacity:.6;cursor:not-allowed;background:var(--color-surface)}.application-role-option.unavailable:hover{transform:none;box-shadow:none}.application-role-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);gap:var(--space-lg)}.application-role-info{flex:1}.application-role-name{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:var(--space-sm) 0 var(--space-xs) 0;line-height:var(--leading-tight)}.application-role-animal{font-size:var(--font-2xl);flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.application-role-description{color:var(--color-text-secondary);font-size:var(--font-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-lg)}.application-match-indicator{display:inline-block;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.application-match-indicator.perfect{background:var(--color-success);color:#fff;box-shadow:0 2px 8px #10b9814d}.application-role-compatibility{margin:var(--space-sm) 0}.application-compatibility-badge{display:inline-block;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-bold)}.application-compatibility-badge.perfect{background:#10b98133;color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.application-role-spots{font-size:var(--font-xs);color:var(--color-text-muted);margin-top:var(--space-sm);font-weight:var(--font-weight-medium)}.application-unavailable-badge{background:var(--color-danger);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;margin-left:var(--space-sm)}.application-no-roles-message{text-align:center;padding:var(--space-2xl);color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--radius-xl);border:2px dashed var(--color-border)}.application-experience-levels{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media (min-width: 640px){.application-experience-levels{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.application-experience-levels{grid-template-columns:repeat(4,1fr)}}.application-experience-option{background:var(--color-surface-hover);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);text-align:center;min-height:100px;display:flex;flex-direction:column;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden}.application-experience-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.application-experience-option:hover:before{left:100%}.application-experience-option:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-md)}.application-experience-option:focus{outline:2px solid var(--color-primary);outline-offset:4px}.application-experience-option.selected{background:#667eea1a;border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.application-experience-label{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.application-experience-desc{font-size:var(--font-xs);color:var(--color-text-muted);line-height:var(--leading-normal)}.application-summary{background:var(--color-surface-hover);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-2xl);border:1px solid var(--color-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.application-summary-section{margin-bottom:var(--space-xl)}.application-summary-section:last-child{margin-bottom:0}.application-summary-section h4{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.application-selected-role,.application-summary-value{background:var(--color-surface);padding:var(--space-md);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-sm);border:1px solid var(--color-border);font-weight:var(--font-weight-medium)}.application-summary-text{background:var(--color-surface);padding:var(--space-md);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-sm);line-height:var(--leading-relaxed);border:1px solid var(--color-border);max-height:120px;overflow-y:auto}.application-commitment-checkbox{display:flex;align-items:flex-start;gap:var(--space-md);cursor:pointer;padding:var(--space-lg);background:var(--color-surface-hover);border-radius:var(--radius-xl);border:2px solid var(--color-border);transition:all var(--transition-base) var(--transition-silk);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.application-commitment-checkbox:hover{background:var(--color-surface-active);border-color:var(--color-border-hover)}.application-commitment-checkbox:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.application-checkbox{display:none}.application-checkmark{width:24px;height:24px;border:2px solid var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base) var(--transition-silk);flex-shrink:0;margin-top:2px;background:var(--color-surface)}.application-checkbox:checked+.application-checkmark{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:scale(1.1)}.application-commitment-text{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.application-commitment-text strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.application-next-steps-info{background:linear-gradient(135deg,#3b82f60d,#667eea0d);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-xl);padding:var(--space-xl);margin-top:var(--space-xl);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.application-next-steps-info h4{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--space-lg);text-align:center}.application-steps-timeline{display:grid;gap:var(--space-lg)}.application-timeline-step{display:flex;align-items:flex-start;gap:var(--space-md)}.application-step-number{width:32px;height:32px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);font-weight:var(--font-weight-bold);flex-shrink:0;margin-top:2px;box-shadow:0 2px 8px #667eea4d}.application-step-content strong{display:block;color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs);font-size:var(--font-sm)}.application-step-content p{color:var(--color-text-secondary);font-size:var(--font-sm);margin:0;line-height:var(--leading-relaxed)}.application-process-note{text-align:center;font-size:var(--font-xs);color:var(--color-text-muted);margin-top:var(--space-lg);font-style:italic}.application-form-navigation{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:var(--space-xl);border-top:1px solid var(--color-border);gap:var(--space-lg);background:var(--color-surface-hover)}.application-nav-left,.application-nav-right{display:flex;gap:var(--space-md)}.application-nav-center{display:flex;justify-content:center}.application-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-size:var(--font-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base) var(--transition-silk);display:flex;align-items:center;gap:var(--space-sm);min-height:48px;text-decoration:none;justify-content:center;position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.application-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.application-btn:hover:before{left:100%}.application-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.application-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.application-btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-color:var(--color-primary);color:#fff}.application-btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);border-color:var(--color-primary-dark);box-shadow:0 8px 16px #667eea4d}.application-btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-secondary)}.application-btn-secondary:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.application-btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.application-btn-outline:hover{background:var(--color-surface)}.application-save-draft-btn{background:#10b9811a;border-color:var(--color-success);color:var(--color-success)}.application-save-draft-btn:hover{background:#10b98133;box-shadow:0 4px 12px #10b9814d}.application-submit-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-color:var(--color-primary);color:#fff;font-weight:var(--font-weight-bold)}.application-submit-btn:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);box-shadow:0 8px 16px #667eea66}.application-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.application-btn:disabled:hover{transform:none;box-shadow:none}.application-btn-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:application-spin 1s linear infinite}.application-loading-state,.application-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center;background:var(--color-surface);border-radius:var(--radius-2xl);border:1px solid var(--color-border);margin:var(--space-2xl) 0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.application-loading-spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;animation:application-spin 1s linear infinite;margin-bottom:var(--space-lg)}.application-loading-state p,.application-error-state p{font-size:var(--font-lg);color:var(--color-text-secondary);margin-bottom:var(--space-lg);max-width:400px;line-height:var(--leading-relaxed)}.application-error-icon{color:var(--color-text-muted);margin-bottom:var(--space-lg);width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-hover);border-radius:var(--radius-full);border:2px solid var(--color-border)}.application-error-state h3{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.application-error-actions{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center}.application-game-discovery-prompt,.application-already-applied-info{background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:var(--radius-lg);padding:var(--space-lg);margin:var(--space-lg) 0}.application-discovery-explanation{color:var(--color-primary);font-size:var(--font-sm);line-height:var(--leading-relaxed);margin:0}.application-draft-notice{border-radius:var(--radius-xl);padding:var(--space-lg);margin:var(--space-lg) 0;display:flex;align-items:center;gap:var(--space-md);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.application-draft-notice.edit-mode{background:#3b82f61a;border:1px solid rgba(59,130,246,.3)}.application-draft-notice.draft-mode{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.application-draft-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.application-draft-notice.edit-mode .application-draft-icon{color:var(--color-info)}.application-draft-notice.draft-mode .application-draft-icon{color:var(--color-warning)}.application-draft-text strong{display:block;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.application-draft-notice.edit-mode .application-draft-text strong{color:var(--color-info)}.application-draft-notice.draft-mode .application-draft-text strong{color:var(--color-warning)}.application-draft-text p{margin:0;font-size:var(--font-sm);line-height:var(--leading-relaxed)}.application-draft-notice.edit-mode .application-draft-text p{color:#3b82f6cc}.application-draft-notice.draft-mode .application-draft-text p{color:#f59e0bcc}.application-success-message{position:fixed;top:var(--space-lg);right:var(--space-lg);background:var(--color-success);color:#fff;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);z-index:1000;box-shadow:var(--shadow-xl);animation:application-slideInRight .3s ease-out,application-slideOutRight .3s ease-in 2.7s forwards}@keyframes application-fadeInUp{0%{opacity:0;transform:translateY(var(--space-lg))}to{opacity:1;transform:translateY(0)}}@keyframes application-slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes application-slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes application-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.application-page{padding-top:var(--space-3xl)}.application-container{padding:0 var(--space-md)}.application-header{flex-direction:column;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-xl)}.application-header-content h1{font-size:var(--font-3xl)}.application-project-title{font-size:var(--font-lg)}.application-progress-steps{padding:0;margin-bottom:var(--space-xl);gap:var(--space-md)}.application-progress-step{max-width:none}.application-step-label{font-size:var(--font-xs);max-width:80px}.application-step-circle{width:32px;height:32px}.application-form-step{padding:var(--space-lg)}.application-step-title{font-size:var(--font-2xl);margin-bottom:var(--space-xl)}.application-role-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.application-experience-levels{grid-template-columns:1fr}.application-experience-option{min-height:80px;padding:var(--space-md)}.application-steps-timeline{gap:var(--space-md)}.application-timeline-step{gap:var(--space-sm)}.application-form-navigation{grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-lg)}.application-nav-left,.application-nav-right,.application-nav-center{justify-content:center}.application-form-navigation .application-btn{width:100%}.application-commitment-checkbox{padding:var(--space-md);gap:var(--space-sm)}.application-commitment-text{font-size:var(--font-sm)}.application-success-message{top:var(--space-sm);right:var(--space-sm);left:var(--space-sm);padding:var(--space-sm) var(--space-lg)}}@media (max-width: 374px){.application-progress-steps{overflow-x:auto;padding:0 var(--space-sm);scrollbar-width:none;-ms-overflow-style:none}.application-progress-steps::-webkit-scrollbar{display:none}.application-step-label{font-size:10px;max-width:60px}.application-role-option,.application-experience-option{padding:var(--space-sm)}.application-form-navigation .application-btn{padding:var(--space-sm) var(--space-lg);font-size:var(--font-sm)}}@media (min-width: 1200px){.application-container{max-width:var(--container-xl)}.application-form-step{padding:var(--space-2xl) var(--space-3xl)}.application-header-content h1{font-size:var(--font-5xl)}.application-project-title{font-size:var(--font-2xl)}.application-step-title{font-size:var(--font-4xl)}}.application-back-button:focus,.application-role-option:focus,.application-experience-option:focus,.application-btn:focus,.application-form-input:focus,.application-form-select:focus,.application-form-textarea:focus,.application-commitment-checkbox:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.application-form-step,.application-role-option,.application-experience-option,.application-btn,.application-success-message,.application-particle{animation:none;transition:none}.application-role-option:hover,.application-experience-option:hover,.application-btn:hover{transform:none}.application-loading-spinner,.application-btn-spinner{animation:none}.application-role-option:before,.application-experience-option:before,.application-btn:before{transition:none}}@media (prefers-contrast: high){.application-form-content,.application-no-roles-message,.application-role-option,.application-experience-option,.application-btn{border-width:2px}}@media print{.application-page{background:#fff;color:#000}.application-form-navigation,.application-back-button,.application-btn,.application-background-gradient,.application-particles-bg{display:none}.application-form-content{box-shadow:none;border:1px solid #ccc;background:#fff}.application-role-option,.application-experience-option{border:1px solid #ccc;background:#f9f9f9}}:root{--color-primary: #667eea;--color-primary-dark: #764ba2;--color-secondary: #4ade80;--color-tertiary: #f093fb;--color-accent: #45B7D1;--color-danger: #ef4444;--color-warning: #f59e0b;--color-success: #4ade80;--color-info: #3b82f6;--color-bg-primary: #000000;--color-bg-secondary: #0a0a0a;--color-bg-tertiary: #1a1a1a;--color-surface: rgba(255, 255, 255, .03);--color-surface-hover: rgba(255, 255, 255, .05);--color-surface-active: rgba(255, 255, 255, .08);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-muted: rgba(255, 255, 255, .6);--color-text-disabled: rgba(255, 255, 255, .4);--color-border: rgba(255, 255, 255, .05);--color-border-hover: rgba(255, 255, 255, .1);--color-border-active: rgba(255, 255, 255, .2);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 5rem;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-5xl: 3rem;--font-6xl: 3.75rem;--font-7xl: 4.5rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .3), 0 4px 16px rgba(255, 255, 255, .1) inset;--shadow-crystal: 0 20px 40px rgba(0, 0, 0, .4), 0 8px 16px rgba(255, 255, 255, .1) inset;--shadow-diamond: 0 25px 50px rgba(0, 0, 0, .5), 0 10px 20px rgba(255, 255, 255, .05) inset;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-silk: cubic-bezier(.4, 0, .2, 1);--transition-luxury: cubic-bezier(.25, .46, .45, .94);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px;--z-negative: -1;--z-base: 0;--z-dropdown: 10;--z-modal: 50;--z-overlay: 100;--sono-gold: #fbbf24;--sono-gold-dark: #d97706;--sono-platinum: #e5e7eb;--sono-luxury-bg: radial-gradient(ellipse at top, #000814 0%, #001d3d 30%, #003566 60%, #000814 100%)}.sono-order-page{min-height:100vh;background:var(--color-bg-primary);position:relative;overflow:hidden;padding-top:var(--space-4xl)}.sono-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-negative);pointer-events:none}.sono-gradient-mesh{position:absolute;width:100%;height:100%;background:var(--sono-luxury-bg),radial-gradient(circle at 20% 20%,rgba(251,191,36,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(102,126,234,.05) 0%,transparent 50%);animation:sono-meshRotate 30s ease-in-out infinite}@keyframes sono-meshRotate{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}.sono-floating-symbols{position:absolute;top:0;right:0;bottom:0;left:0}.sono-symbol{position:absolute;font-size:var(--font-2xl);color:#fbbf2426;animation:sono-floatSymbol 20s ease-in-out infinite;font-weight:var(--font-weight-bold)}@keyframes sono-floatSymbol{0%,to{transform:translateY(0) rotate(0);opacity:.15}25%{transform:translateY(-20px) rotate(90deg);opacity:.25}50%{transform:translateY(-10px) rotate(180deg);opacity:.2}75%{transform:translateY(-30px) rotate(270deg);opacity:.3}}.sono-symbol-1{top:10%;left:10%;animation-delay:0s}.sono-symbol-2{top:20%;right:15%;animation-delay:-3s}.sono-symbol-3{bottom:30%;left:20%;animation-delay:-6s}.sono-symbol-4{bottom:15%;right:10%;animation-delay:-9s}.sono-symbol-5{top:60%;left:50%;animation-delay:-2s}.sono-container{position:relative;z-index:var(--z-base);max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-lg);min-height:100vh}.sono-header{text-align:center;margin-bottom:var(--space-4xl);animation:sono-crystallize 1.5s var(--transition-luxury) forwards}.sono-main-title{font-size:clamp(var(--font-4xl),8vw,var(--font-6xl));font-weight:var(--font-weight-light);letter-spacing:3px;margin-bottom:var(--space-lg);line-height:var(--leading-tight);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.sono-brand-text{font-family:Times New Roman,serif;background:linear-gradient(135deg,var(--sono-gold) 0%,var(--sono-gold-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-weight-bold)}.sono-collection-text{font-weight:var(--font-weight-light);color:var(--color-text-primary);font-size:.7em;letter-spacing:5px}.sono-subtitle{font-size:var(--font-xl);color:var(--color-text-secondary);font-weight:var(--font-weight-light);letter-spacing:1px;margin-bottom:var(--space-2xl);line-height:var(--leading-relaxed)}.sono-progress-steps{display:flex;justify-content:center;align-items:center;gap:var(--space-4xl);margin-bottom:var(--space-4xl)}.sono-step{display:flex;flex-direction:column;align-items:center;position:relative;transition:all .6s var(--transition-luxury)}.sono-step:not(:last-child):after{content:"";position:absolute;top:25px;left:calc(100% + var(--space-lg));width:var(--space-2xl);height:2px;background:linear-gradient(90deg,var(--color-border),transparent);transition:all .6s var(--transition-luxury)}.sono-step.sono-step-active:not(:last-child):after,.sono-step.sono-step-completed:not(:last-child):after{background:linear-gradient(90deg,var(--sono-gold) 0%,var(--sono-gold-dark) 100%);box-shadow:0 0 10px #fbbf244d}.sono-step-indicator{width:50px;height:50px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md);transition:all .6s var(--transition-luxury);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sono-step-indicator:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:all .6s var(--transition-luxury);opacity:0}.sono-step.sono-step-active .sono-step-indicator{background:linear-gradient(135deg,var(--sono-gold) 0%,var(--sono-gold-dark) 100%);border-color:var(--sono-gold);box-shadow:var(--shadow-crystal),0 0 20px #fbbf2466;transform:scale(1.1)}.sono-step.sono-step-completed .sono-step-indicator{background:linear-gradient(135deg,var(--sono-platinum) 0%,#9ca3af 100%);border-color:var(--sono-platinum);box-shadow:var(--shadow-crystal)}.sono-step.sono-step-active .sono-step-indicator:before,.sono-step.sono-step-completed .sono-step-indicator:before{opacity:1;animation:sono-shimmer 2s infinite}.sono-step-number{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.sono-step.sono-step-active .sono-step-number{color:var(--color-bg-primary)}.sono-step-label{font-size:var(--font-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium);letter-spacing:.5px;transition:all .4s var(--transition-silk)}.sono-step.sono-step-active .sono-step-label{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.sono-error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);color:var(--color-danger);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:sono-messageSlide .3s ease}.sono-error-icon{font-size:var(--font-lg)}.sono-main-content{display:grid;grid-template-columns:1fr 400px;gap:var(--space-4xl);margin-bottom:var(--space-4xl)}.sono-card-showcase{display:flex;flex-direction:column;gap:var(--space-2xl)}.sono-card-description{margin-bottom:var(--space-2xl)}.sono-description-title{font-size:var(--font-3xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md);color:var(--color-text-primary);line-height:var(--leading-tight)}.sono-description-text{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-xl);font-size:var(--font-lg)}.sono-feature-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.sono-feature-highlight{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base) var(--transition-silk)}.sono-feature-highlight:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.sono-feature-title{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.sono-feature-detail{font-size:var(--font-sm);color:var(--color-text-muted);line-height:var(--leading-normal);margin:0}.sono-card-visual-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-diamond);animation:sono-crystallize 1s var(--transition-luxury) .3s both;margin-bottom:var(--space-2xl)}.sono-card-visual{position:relative;width:100%;max-width:400px;height:280px;margin:0 auto;perspective:1000px}.sono-card-3d{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:all .8s var(--transition-luxury);animation:sono-cardTransition 1s var(--transition-luxury) forwards}.sono-card-face{position:absolute;width:100%;height:100%;border-radius:var(--radius-xl);display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-xl);backface-visibility:hidden;box-shadow:var(--shadow-diamond);background-size:cover;background-position:center;overflow:hidden}.sono-card-front{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:2px solid var(--color-border-hover)}.sono-card-front.business{background:linear-gradient(135deg,#2d1b69,#5b2c87,#8b5cf6)}.sono-card-front.premium{background:linear-gradient(135deg,#78350f 0%,#b45309 50%,var(--sono-gold) 100%)}.sono-card-logo{font-family:Times New Roman,serif;font-size:var(--font-4xl);font-weight:var(--font-weight-light);letter-spacing:3px;color:var(--color-text-primary);text-align:center}.sono-card-tech-indicator{position:absolute;top:var(--space-xl);right:var(--space-xl);width:40px;height:40px;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-xs);color:var(--color-text-primary);background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:var(--font-weight-bold)}.sono-card-info{color:var(--color-text-primary)}.sono-card-title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs);letter-spacing:1px}.sono-card-subtitle{font-size:var(--font-sm);color:var(--color-text-secondary);letter-spacing:.5px;margin:0}.sono-selection-section{margin-bottom:var(--space-2xl)}.sono-selection-title{font-family:Times New Roman,serif;font-size:var(--font-2xl);font-weight:var(--font-weight-normal);margin-bottom:var(--space-xl);color:var(--color-text-primary);letter-spacing:1px;text-align:center}.sono-selection-buttons{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:nowrap}.sono-selection-button{background:var(--color-surface);border:2px solid transparent;border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all .4s var(--transition-luxury);position:relative;overflow:hidden;text-align:center;min-width:120px;flex-shrink:1;flex:1;max-width:180px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.sono-selection-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff0d,#ffffff05);opacity:0;transition:all .4s var(--transition-luxury);z-index:-1}.sono-selection-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-crystal);border-color:var(--color-border-hover)}.sono-selection-button:hover:before{opacity:1}.sono-selection-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.sono-selection-button.sono-selected{border-color:var(--sono-gold);box-shadow:var(--shadow-diamond),0 0 20px #fbbf244d;transform:translateY(-2px)}.sono-selection-button.sono-selected:before{background:linear-gradient(135deg,var(--sono-gold) 0%,var(--sono-gold-dark) 100%);opacity:.05}.sono-button-name{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.sono-button-tier{font-size:var(--font-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm)}.sono-button-price{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--sono-gold)}.sono-sidebar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-diamond);height:fit-content;position:sticky;top:var(--space-xl);animation:sono-crystallize 1s var(--transition-luxury) .6s both}.sono-sidebar-title{font-family:Times New Roman,serif;font-size:var(--font-xl);font-weight:var(--font-weight-normal);margin-bottom:var(--space-xl);color:var(--color-text-primary);text-align:center;letter-spacing:.5px}.sono-order-summary{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-xl);margin-bottom:var(--space-xl)}.sono-summary-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.sono-summary-item.sono-summary-total{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);padding-top:var(--space-md);border-top:1px solid var(--color-border);margin-top:var(--space-lg)}.sono-summary-label{color:var(--color-text-muted);font-size:var(--font-sm)}.sono-summary-value{color:var(--color-text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-sm)}.sono-summary-total .sono-summary-label,.sono-summary-total .sono-summary-value{font-size:var(--font-base)}.sono-quantity-section{background:var(--color-surface-hover);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sono-quantity-title{font-size:var(--font-lg);color:var(--color-text-primary);margin-bottom:var(--space-lg);text-align:center;font-weight:var(--font-weight-medium)}.sono-quantity-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-lg)}.sono-quantity-btn{width:45px;height:45px;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:var(--font-xl);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s var(--transition-silk);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sono-quantity-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--sono-gold) 0%,var(--sono-gold-dark) 100%);color:var(--color-bg-primary);transform:scale(1.1);box-shadow:0 5px 15px #fbbf244d;border-color:var(--sono-gold)}.sono-quantity-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.sono-quantity-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.sono-quantity-display{font-size:var(--font-3xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);min-width:60px;text-align:center}.sono-primary-button{width:100%;background:linear-gradient(135deg,var(--sono-gold) 0%,var(--sono-gold-dark) 100%);border:none;border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-bg-primary);cursor:pointer;transition:all .4s var(--transition-luxury);position:relative;overflow:hidden;letter-spacing:.5px;margin-bottom:var(--space-lg);min-height:56px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg)}.sono-primary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:all .6s var(--transition-luxury)}.sono-primary-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 30px #fbbf2466}.sono-primary-button:hover:not(:disabled):before{left:100%}.sono-primary-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.sono-primary-button:active:not(:disabled){transform:translateY(-1px)}.sono-primary-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.sono-loading-content{display:inline-flex;align-items:center;gap:var(--space-sm)}.sono-spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.3);border-top-color:var(--color-bg-primary);border-radius:var(--radius-full);animation:sono-spin 1s linear infinite}@keyframes sono-spin{to{transform:rotate(360deg)}}.sono-trust-seals{display:flex;justify-content:space-around;align-items:center;margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.sono-trust-seal{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);color:var(--color-text-muted);font-size:var(--font-xs);text-align:center}.sono-trust-icon{font-size:var(--font-lg);margin-bottom:var(--space-xs)}.sono-trust-text{line-height:var(--leading-tight)}@keyframes sono-crystallize{0%{transform:scale(.8) rotate(-10deg);opacity:0;filter:blur(5px)}50%{transform:scale(1.05) rotate(5deg);opacity:.8;filter:blur(1px)}to{transform:scale(1) rotate(0);opacity:1;filter:blur(0)}}@keyframes sono-cardTransition{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sono-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes sono-messageSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes sono-ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(4);opacity:0}}@media (max-width: 1024px){.sono-main-content{grid-template-columns:1fr;gap:var(--space-2xl)}.sono-sidebar{position:relative;top:0}.sono-progress-steps{gap:var(--space-2xl)}.sono-selection-buttons{gap:var(--space-sm)}}@media (max-width: 768px){.sono-container{padding:0 var(--space-md)}.sono-card-visual-container,.sono-sidebar{padding:var(--space-xl)}.sono-progress-steps{gap:var(--space-xl)}.sono-step:not(:last-child):after{width:var(--space-xl);left:calc(100% + var(--space-sm))}.sono-main-title{font-size:var(--font-4xl);letter-spacing:2px}.sono-card-visual{height:240px}.sono-selection-buttons{gap:var(--space-sm)}.sono-selection-button{min-width:100px;padding:var(--space-md);flex:1;max-width:none}.sono-button-name{font-size:var(--font-sm)}.sono-button-price{font-size:var(--font-lg)}.sono-feature-highlights{grid-template-columns:1fr;gap:var(--space-md)}}@media (max-width: 480px){.sono-progress-steps{flex-direction:column;gap:var(--space-lg)}.sono-step:not(:last-child):after{display:none}.sono-selection-buttons{gap:var(--space-xs)}.sono-selection-button{min-width:80px;padding:var(--space-sm);flex:1;max-width:none}.sono-button-name{font-size:var(--font-xs)}.sono-button-tier{font-size:10px;margin-bottom:var(--space-xs)}.sono-button-price{font-size:var(--font-base)}.sono-card-visual-container,.sono-sidebar{padding:var(--space-lg)}.sono-trust-seals{flex-direction:column;gap:var(--space-md)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sono-symbol,.sono-gradient-mesh{animation:none}.sono-selection-button:hover,.sono-primary-button:hover,.sono-quantity-btn:hover{transform:none}.sono-primary-button:before{transition:none}}@media (prefers-contrast: high){.sono-selection-button,.sono-quantity-btn,.sono-primary-button{border-width:2px}.sono-selection-button:focus,.sono-quantity-btn:focus,.sono-primary-button:focus{outline-width:3px}}.dashboard-tab-panel{animation:teamPanelFadeIn .4s ease-out}@keyframes teamPanelFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-team-header{margin-bottom:var(--space-2xl);animation:teamHeaderSlide .6s ease-out}@keyframes teamHeaderSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dashboard-team-header h3{font-size:var(--font-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-sm) 0;background:linear-gradient(135deg,#fff,#ffffffe6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-md)}.dashboard-section-header h4{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.dashboard-section-header svg{color:var(--color-primary);flex-shrink:0}.dashboard-team-count{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-xs) var(--space-md);font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.notification-badge{background:var(--color-danger);color:var(--color-text-primary);font-size:var(--font-xs);font-weight:var(--font-weight-bold);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);line-height:1;min-width:20px;text-align:center;animation:teamBadgePulse 2s infinite}@keyframes teamBadgePulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.dashboard-team-section,.applications-section,.team-performance{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-2xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden;animation:teamSectionSlide .6s ease-out}@keyframes teamSectionSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-team-section:before,.applications-section:before,.team-performance:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea05,#764ba205);opacity:0;transition:opacity var(--transition-base);z-index:-1}.dashboard-team-section:hover:before,.applications-section:hover:before,.team-performance:hover:before{opacity:1}.dashboard-team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.dashboard-team-member-card{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base);position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--space-md);animation:teamMemberSlide .5s ease-out}@keyframes teamMemberSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.dashboard-team-member-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);opacity:0;transition:opacity var(--transition-base);z-index:-1}.dashboard-team-member-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border-hover)}.dashboard-team-member-card:hover:before{opacity:1}.dashboard-member-avatar,.applicant-avatar{width:60px;height:60px;border-radius:50%;position:relative;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);display:flex;align-items:center;justify-content:center}.dashboard-member-avatar:after,.applicant-avatar:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;padding:2px;background:linear-gradient(135deg,var(--color-tertiary),var(--color-accent));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor}.dashboard-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.dashboard-avatar-placeholder{color:var(--color-text-primary);font-size:var(--font-sm);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%}.dashboard-member-info{flex:1;min-width:0;position:relative;z-index:1}.dashboard-member-name{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-xs) 0;line-height:var(--leading-snug)}.dashboard-member-role{font-size:var(--font-sm);color:var(--color-text-secondary);margin:0 0 var(--space-sm) 0;display:flex;align-items:center;gap:var(--space-xs)}.dashboard-member-stats{display:flex;gap:var(--space-md);flex-wrap:wrap}.dashboard-member-stat{font-size:var(--font-xs);color:var(--color-text-muted)}.dashboard-member-stat strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.applications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-xl)}.application-card{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base);position:relative;overflow:hidden;animation:applicationSlide .6s ease-out}@keyframes applicationSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.application-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea08,#764ba208);opacity:0;transition:opacity var(--transition-base);z-index:-1}.application-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--color-border-hover)}.application-card:hover:before{opacity:1}.application-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);gap:var(--space-md);position:relative;z-index:1}.applicant-info{display:flex;gap:var(--space-md);align-items:center;flex:1;min-width:0}.applicant-details{flex:1;min-width:0}.applicant-name{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-xs) 0;line-height:var(--leading-snug)}.applicant-username{font-size:var(--font-sm);color:var(--color-text-muted);margin:0 0 var(--space-xs) 0;font-family:monospace}.preferred-role{font-size:var(--font-sm);color:var(--color-text-secondary);margin:0;display:flex;align-items:center;gap:var(--space-xs)}.application-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-sm);flex-shrink:0}.application-date{font-size:var(--font-xs);color:var(--color-text-muted);text-align:right}.application-content{margin-bottom:var(--space-lg);position:relative;z-index:1}.application-field{margin-bottom:var(--space-md)}.application-field strong{display:block;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.application-text{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0;background:var(--color-surface);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary)}.experience-badge{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-primary) 100%);color:var(--color-text-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-bold);text-transform:capitalize;display:inline-block;margin-left:var(--space-sm)}.application-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;position:relative;z-index:1}.application-actions .btn{transition:all var(--transition-base)}.application-actions .btn:hover{transform:translateY(-2px)}.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.performance-card{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;transition:all var(--transition-base);position:relative;overflow:hidden}.performance-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);opacity:0;transition:opacity var(--transition-base);z-index:-1}.performance-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border-hover)}.performance-card:hover:before{opacity:1}.performance-card h5{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0 0 var(--space-md) 0;text-transform:uppercase;letter-spacing:.05em}.performance-value{font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-sm);position:relative;z-index:1}.performance-card span{font-size:var(--font-xs);color:var(--color-text-muted);position:relative;z-index:1}.dashboard-empty-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl) var(--space-lg);text-align:center;color:var(--color-text-muted)}.dashboard-empty-icon,.empty-icon{color:var(--color-text-disabled);margin-bottom:var(--space-lg);opacity:.6}.dashboard-empty-state p,.empty-state p{font-size:var(--font-base);color:var(--color-text-muted);margin:0 0 var(--space-sm) 0}.dashboard-empty-subtitle,.empty-subtitle{font-size:var(--font-sm)!important;color:var(--color-text-disabled)!important;margin:0 0 var(--space-lg) 0!important}.empty-actions{margin-top:var(--space-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-weight-medium);text-decoration:none;border:none;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;min-height:36px;white-space:nowrap}.btn-success{background:var(--color-success);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.btn-success:hover{background:#059669;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-danger{background:var(--color-danger);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.btn-danger:hover{background:#dc2626;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-warning{background:var(--color-warning);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.btn-warning:hover{background:#d97706;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-outline:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);animation:teamModalOverlayFadeIn .3s ease-out}@keyframes teamModalOverlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:teamModalSlideIn .4s ease-out;box-shadow:var(--shadow-diamond)}@keyframes teamModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.modal-close{background:none;border:none;color:var(--color-text-muted);font-size:var(--font-2xl);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-base)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-md);padding:var(--space-lg);border-top:1px solid var(--color-border);background:var(--color-surface)}.form-textarea{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-text-primary);font-size:var(--font-sm);font-family:inherit;line-height:var(--leading-relaxed);resize:vertical;transition:all var(--transition-base)}.form-textarea::placeholder{color:var(--color-text-muted)}.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea33;background:var(--color-surface-hover)}.application-details-content{max-height:70vh;overflow-y:auto}.applicant-header{background:var(--color-surface-hover);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-xl);display:flex;align-items:center;gap:var(--space-lg)}.detail-section{margin-bottom:var(--space-lg)}.detail-section h5{color:var(--color-text-primary);margin:0 0 var(--space-sm) 0;font-size:var(--font-base);font-weight:var(--font-weight-semibold)}.detail-section .application-text{background:var(--color-surface-hover);padding:var(--space-md);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.application-meta-details{background:var(--color-surface-hover);padding:var(--space-lg);border-radius:var(--radius-md);margin-top:var(--space-xl)}.application-meta-details h5{color:var(--color-text-primary);margin:0 0 var(--space-md) 0;font-size:var(--font-base);font-weight:var(--font-weight-semibold)}@media (min-width: 1200px){.dashboard-team-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.applications-grid{grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}.performance-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px) and (max-width: 1199px){.dashboard-team-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.applications-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.performance-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1024px){.dashboard-team-section,.applications-section,.team-performance{padding:var(--space-lg)}.dashboard-section-header{flex-direction:column;align-items:stretch;gap:var(--space-md)}.dashboard-team-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.dashboard-team-member-card{padding:var(--space-md)}.applications-grid{grid-template-columns:1fr;gap:var(--space-lg)}.application-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.application-meta{align-items:flex-start;flex-direction:row;justify-content:space-between;width:100%}.application-actions{flex-direction:column;gap:var(--space-sm)}.application-actions .btn{width:100%;justify-content:center}.performance-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.performance-card{padding:var(--space-md)}.modal{margin:var(--space-md);max-height:calc(100vh - 2rem)}.modal-header,.modal-content,.modal-actions{padding:var(--space-md)}.modal-actions{flex-direction:column;gap:var(--space-sm)}.modal-actions .btn{width:100%}.applicant-header{flex-direction:column;text-align:center;gap:var(--space-md)}.application-meta-details{padding:var(--space-md)}.application-meta-details>div{grid-template-columns:1fr!important}}@media (max-width: 768px){.dashboard-team-section,.applications-section,.team-performance{padding:var(--space-md)}.dashboard-team-member-card{flex-direction:column;text-align:center;gap:var(--space-sm)}.dashboard-member-avatar,.applicant-avatar{width:50px;height:50px}.dashboard-avatar-placeholder{font-size:var(--font-xs)}.application-card{padding:var(--space-md)}.applicant-info{flex-direction:column;text-align:center;gap:var(--space-sm)}.dashboard-member-stats{justify-content:center;gap:var(--space-sm)}.performance-grid{grid-template-columns:1fr;gap:var(--space-sm)}.performance-card{padding:var(--space-sm)}.performance-value{font-size:var(--font-2xl)}.modal-overlay{padding:var(--space-sm)}.modal{margin:0}.applicant-header{padding:var(--space-md)}.detail-section{margin-bottom:var(--space-md)}.detail-section .application-text{padding:var(--space-sm)}.dashboard-team-grid{grid-template-columns:1fr}}@media (max-width: 480px){.dashboard-team-header h3{font-size:var(--font-xl)}.dashboard-section-header h4{font-size:var(--font-lg)}.applicant-name,.dashboard-member-name{font-size:var(--font-base)}.performance-value{font-size:var(--font-xl)}.btn{padding:var(--space-xs);font-size:var(--font-xs)}.btn-sm{padding:2px var(--space-xs);font-size:10px;min-height:24px}.application-meta>div{font-size:var(--font-xs)}.dashboard-team-section,.applications-section,.team-performance,.dashboard-team-member-card,.application-card{padding:var(--space-sm)}}.btn:focus-visible,.form-textarea:focus-visible,.modal-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dashboard-team-member-card:focus-visible,.application-card:focus-visible,.performance-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}@media (prefers-reduced-motion: reduce){.dashboard-team-member-card,.application-card,.performance-card,.btn,.modal-close{transition:none}.dashboard-team-member-card:hover,.application-card:hover,.performance-card:hover{transform:none}.notification-badge{animation:none}@keyframes teamPanelFadeIn{0%,to{opacity:1;transform:translateY(0)}}@keyframes teamHeaderSlide{0%,to{opacity:1;transform:translateY(0)}}@keyframes teamSectionSlide{0%,to{opacity:1;transform:translateY(0)}}@keyframes teamMemberSlide{0%,to{opacity:1;transform:translate(0)}}@keyframes applicationSlide{0%,to{opacity:1;transform:translateY(0)}}@keyframes teamModalOverlayFadeIn{0%,to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes teamModalSlideIn{0%,to{opacity:1;transform:translateY(0) scale(1)}}@keyframes teamBadgePulse{0%,to{box-shadow:none}}}@media (prefers-contrast: high){.dashboard-team-member-card,.application-card,.performance-card,.dashboard-team-section,.applications-section,.team-performance,.modal{border-width:2px}.experience-badge,.notification-badge,.dashboard-team-count{border:1px solid currentColor}.application-text,.detail-section .application-text{border-left-width:4px}}@media print{.application-actions,.modal-actions,.btn,.modal-close,.notification-badge,.empty-actions{display:none!important}.dashboard-team-member-card,.application-card,.performance-card{break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid;background:#fff!important;border:1px solid #ccc!important}.dashboard-team-header h3,.dashboard-section-header h4,.applicant-name,.dashboard-member-name{color:#000!important}.applications-grid,.dashboard-team-grid,.performance-grid{grid-template-columns:1fr!important;gap:1rem!important}.modal-overlay{display:none!important}}:root{--color-primary: #667eea;--color-primary-dark: #5a67d8;--color-primary-light: #7c3aed;--color-secondary: #764ba2;--color-accent: #f093fb;--color-success: #10b981;--color-success-light: #34d399;--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-danger: #ef4444;--color-danger-light: #f87171;--color-info: #3b82f6;--color-info-light: #60a5fa;--color-bg-primary: #0f172a;--color-bg-secondary: rgba(15, 23, 42, .8);--color-bg-tertiary: rgba(30, 41, 59, .6);--color-surface: rgba(51, 65, 85, .7);--color-surface-hover: rgba(71, 85, 105, .8);--color-surface-active: rgba(100, 116, 139, .9);--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-text-disabled: #64748b;--color-border: rgba(148, 163, 184, .2);--color-border-hover: rgba(148, 163, 184, .4);--color-border-focus: rgba(102, 126, 234, .6);--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;--space-4xl: 4rem;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-diamond: 0 25px 50px -12px rgba(102, 126, 234, .25);--transition-base: all .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: all .3s cubic-bezier(.25, .46, .45, .94);--transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55)}.tab-panel{animation:taskPanelFadeIn .4s ease-out;position:relative}@keyframes taskPanelFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.success-alert,.error-alert{border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);font-size:var(--font-sm);display:flex;align-items:center;gap:var(--space-sm);animation:alertSlideIn .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden}.success-alert{background:linear-gradient(135deg,#10b98126,#34d39926);border:1px solid var(--color-success);color:var(--color-success-light)}.error-alert{background:linear-gradient(135deg,#ef444426,#dc262626);border:1px solid var(--color-danger);color:var(--color-danger-light)}.global-error{position:sticky;top:0;z-index:100;margin-bottom:var(--space-xl)}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.milestones-header,.submissions-header,.my-tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2xl);flex-wrap:wrap;gap:var(--space-md);position:relative}.milestones-header h3,.submissions-header h3,.my-tasks-header h3{font-size:var(--font-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;background:linear-gradient(135deg,#f8fafc,#f8fafce6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.milestones-header h3:after,.submissions-header h3:after,.my-tasks-header h3:after{content:"";position:absolute;bottom:-4px;left:0;width:60px;height:2px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:var(--radius-full)}.milestone-actions{display:flex;gap:var(--space-md);align-items:center}.my-tasks-stats{display:flex;gap:var(--space-lg);margin-bottom:var(--space-xl);flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:var(--transition-smooth);position:relative;overflow:hidden;min-width:100px;cursor:pointer}.stat-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea14,#764ba214);opacity:0;transition:opacity var(--transition-base)}.stat-item:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg);border-color:var(--color-border-hover)}.stat-item:hover:before{opacity:1}.stat-number{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);position:relative;z-index:1;text-shadow:0 0 10px rgba(102,126,234,.3)}.stat-label{font-size:var(--font-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium);margin-top:var(--space-xs);position:relative;z-index:1}.milestones-container{display:flex;flex-direction:column;gap:var(--space-xl)}.milestone-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:var(--transition-smooth);position:relative;animation:milestoneSlideIn .6s ease-out}@keyframes milestoneSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.milestone-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);opacity:0;transition:opacity var(--transition-base);z-index:0}.milestone-card:hover:before{opacity:1}.milestone-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);cursor:pointer;transition:var(--transition-base);position:relative;z-index:1;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.milestone-header:hover{background:var(--color-surface-hover)}.milestone-header:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.milestone-info{flex:1;min-width:0}.milestone-title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-sm) 0;line-height:var(--leading-snug)}.milestone-meta{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap}.milestone-due{font-size:var(--font-sm);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-xs)}.milestone-status-badge{background:var(--color-surface-hover);color:var(--color-text-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-medium);text-transform:capitalize;white-space:nowrap;border:1px solid var(--color-border);transition:var(--transition-base)}.milestone-progress-info{display:flex;align-items:center;gap:var(--space-md)}.milestone-progress-circle{width:60px;height:60px;border-radius:50%;background:conic-gradient(var(--color-primary) 0deg,var(--color-primary) calc(var(--progress, 0) * 3.6deg),var(--color-surface) calc(var(--progress, 0) * 3.6deg),var(--color-surface) 360deg);display:flex;align-items:center;justify-content:center;position:relative;transition:var(--transition-base)}.milestone-progress-circle:before{content:"";position:absolute;width:46px;height:46px;background:var(--color-bg-primary);border-radius:50%;border:2px solid var(--color-border)}.milestone-progress-circle span{font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);position:relative;z-index:1}.expand-btn{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-bounce);color:var(--color-text-secondary)}.expand-btn:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);color:var(--color-text-primary);transform:scale(1.1);box-shadow:var(--shadow-md)}.expand-btn svg{transition:transform var(--transition-base)}.milestone-tasks{border-top:1px solid var(--color-border);padding:var(--space-lg);background:var(--color-bg-tertiary);animation:tasksSectionExpand .3s ease-out;position:relative;z-index:1}@keyframes tasksSectionExpand{0%{opacity:0;max-height:0;padding:0 var(--space-lg)}to{opacity:1;max-height:2000px;padding:var(--space-lg)}}.tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-md)}.tasks-header h5{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.tasks-list{display:flex;flex-direction:column;gap:var(--space-lg)}.task-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:var(--transition-smooth);position:relative;overflow:hidden;animation:taskCardSlide .4s ease-out}@keyframes taskCardSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.task-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea0a,#764ba20a);opacity:0;transition:opacity var(--transition-base);z-index:0}.task-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}.task-card:hover:before{opacity:1}.task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md);gap:var(--space-md);position:relative;z-index:1}.task-info{flex:1;min-width:0}.task-title{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-sm) 0;line-height:var(--leading-snug)}.task-description{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.task-meta,.task-meta-badges{display:flex;gap:var(--space-sm);flex-wrap:wrap}.task-priority,.task-status,.task-priority-badge,.task-status-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-medium);text-transform:capitalize;color:var(--color-text-primary);white-space:nowrap;border:1px solid rgba(255,255,255,.1);transition:var(--transition-base);cursor:default}.task-priority:hover,.task-status:hover,.task-priority-badge:hover,.task-status-badge:hover{transform:scale(1.05);box-shadow:var(--shadow-sm)}.task-details{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg);position:relative;z-index:1}.task-assignee,.task-timeline{display:flex;gap:var(--space-lg);font-size:var(--font-sm);color:var(--color-text-muted);flex-wrap:wrap}.task-assignee span,.task-timeline span{display:flex;align-items:center;gap:var(--space-xs)}.timeline-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-sm);color:var(--color-text-muted)}.unassigned-text{color:var(--color-warning);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--space-xs)}.task-progress{display:flex;align-items:center;gap:var(--space-md);font-size:var(--font-sm);color:var(--color-text-muted)}.progress-bar-mini{flex:1;height:4px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);overflow:hidden}.progress-fill-mini{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:var(--radius-full);transition:width .8s cubic-bezier(.25,.46,.45,.94);position:relative}.progress-fill-mini:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:progressShimmer 2s infinite}.task-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;position:relative;z-index:1}.student-task-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:var(--transition-smooth);position:relative;overflow:hidden;animation:studentTaskSlide .5s ease-out;margin-bottom:var(--space-lg)}@keyframes studentTaskSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.student-task-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea0f,#764ba20f);opacity:0;transition:opacity var(--transition-base);z-index:0}.student-task-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--color-border-hover)}.student-task-card:hover:before{opacity:1}.task-progress-section{margin:var(--space-lg) 0;padding:var(--space-lg);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);position:relative;z-index:1}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);flex-wrap:wrap;gap:var(--space-sm)}.progress-text{font-size:var(--font-base);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.progress-bar-container{margin-bottom:var(--space-md)}.progress-bar{width:100%;height:8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:var(--radius-full);transition:width .8s cubic-bezier(.25,.46,.45,.94);position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:progressShimmer 2s infinite}.progress-update-form{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);margin-top:var(--space-md);animation:formSlideDown .3s ease-out;position:relative}.progress-update-form:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea08,#764ba208);border-radius:var(--radius-md);z-index:-1}@keyframes formSlideDown{0%{opacity:0;max-height:0;padding:0 var(--space-lg)}to{opacity:1;max-height:600px;padding:var(--space-lg)}}.progress-slider-container{margin-bottom:var(--space-lg)}.progress-slider-label{display:block;font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.progress-slider-wrapper{display:flex;align-items:center;gap:var(--space-md)}.progress-slider{flex:1;height:8px;background:linear-gradient(to right,var(--color-bg-tertiary) 0%,var(--color-bg-tertiary) 100%);border:1px solid var(--color-border);border-radius:var(--radius-full);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:var(--transition-base)}.progress-slider:hover{border-color:var(--color-border-hover)}.progress-slider:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea33}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition-bounce);border:2px solid var(--color-text-primary)}.progress-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-md)}.progress-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:50%;cursor:pointer;border:2px solid var(--color-text-primary);box-shadow:var(--shadow-sm);transition:var(--transition-bounce)}.progress-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-md)}.progress-value-display{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-weight-bold);min-width:50px;text-align:center;box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.2)}.progress-notes-container{margin-bottom:var(--space-lg)}.progress-notes-label{display:block;font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.progress-notes-input,.work-description-input{width:100%;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-text-primary);font-size:var(--font-sm);font-family:inherit;line-height:var(--leading-relaxed);resize:vertical;transition:var(--transition-base);min-height:80px}.progress-notes-input::placeholder,.work-description-input::placeholder{color:var(--color-text-muted)}.progress-notes-input:focus,.work-description-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea33;background:var(--color-surface)}.character-count{font-size:var(--font-xs);color:var(--color-text-muted);text-align:right;margin-top:var(--space-xs)}.progress-actions,.submission-actions{display:flex;gap:var(--space-md);justify-content:flex-end;flex-wrap:wrap}.task-submission-section{margin:var(--space-lg) 0;padding:var(--space-lg);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);position:relative;z-index:1}.task-submission-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea05,#764ba205);border-radius:var(--radius-md);z-index:-1}.submission-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);flex-wrap:wrap;gap:var(--space-sm)}.submission-header h5{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.submission-type-selector{position:relative}.submission-type-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--color-text-primary);font-size:var(--font-sm);cursor:pointer;transition:var(--transition-base);min-width:120px}.submission-type-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea33}.submission-type-select:hover{border-color:var(--color-border-hover)}.submission-history{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);animation:historySlideDown .4s ease-out;position:relative}.submission-history:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea08,#764ba208);border-radius:var(--radius-md);z-index:-1}@keyframes historySlideDown{0%{opacity:0;max-height:0;padding:0 var(--space-lg)}to{opacity:1;max-height:1000px;padding:var(--space-lg)}}.submission-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.submission-history-header h6{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.submission-count{font-size:var(--font-sm);color:var(--color-text-muted);background:var(--color-surface-hover);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);border:1px solid var(--color-border)}.submissions-list{display:flex;flex-direction:column;gap:var(--space-lg)}.submission-item{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);transition:var(--transition-smooth);position:relative;overflow:hidden}.submission-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea0a,#764ba20a);opacity:0;transition:opacity var(--transition-base);z-index:-1}.submission-item:hover{transform:translate(6px);border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.submission-item:hover:before{opacity:1}.submission-meta{display:flex;gap:var(--space-md);align-items:center;margin-bottom:var(--space-sm);flex-wrap:wrap;position:relative;z-index:1}.submission-type{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--color-border)}.submission-type.progress_update{color:var(--color-info);background:#3b82f61a;border-color:var(--color-info)}.submission-type.draft{color:var(--color-warning);background:#f59e0b1a;border-color:var(--color-warning)}.submission-type.final_submission{color:var(--color-success);background:#10b9811a;border-color:var(--color-success)}.submission-date{font-size:var(--font-xs);color:var(--color-text-muted)}.submission-status{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-medium);text-transform:capitalize;color:var(--color-text-primary);white-space:nowrap;border:1px solid rgba(255,255,255,.1)}.submission-content{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-sm);position:relative;z-index:1}.submission-feedback{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-md);position:relative;z-index:1}.feedback-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);font-size:var(--font-sm);color:var(--color-accent)}.submission-feedback p{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.submission-grade{background:var(--color-success);color:var(--color-text-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-weight-medium);margin-top:var(--space-sm);display:inline-block;border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-sm)}.submissions-more{text-align:center;padding:var(--space-md);color:var(--color-text-muted);font-size:var(--font-sm);border-top:1px solid var(--color-border);margin-top:var(--space-md)}.no-submissions{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--color-text-muted)}.no-submissions svg{color:var(--color-text-disabled);margin-bottom:var(--space-lg);opacity:.6}.no-submissions p{font-size:var(--font-base);color:var(--color-text-muted);margin:0 0 var(--space-sm) 0}.no-submissions-subtitle{font-size:var(--font-sm)!important;color:var(--color-text-disabled)!important;margin:0!important}.task-meta-info{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border);position:relative;z-index:1}.task-timeline{display:flex;gap:var(--space-lg);margin-bottom:var(--space-md);flex-wrap:wrap}.task-milestone{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-sm);color:var(--color-text-muted)}.submissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-lg)}.submission-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:var(--transition-smooth);position:relative;overflow:hidden;animation:submissionCardSlide .5s ease-out}@keyframes submissionCardSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.submission-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);opacity:0;transition:opacity var(--transition-base);z-index:-1}.submission-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--color-border-hover)}.submission-card:hover:before{opacity:1}.submission-card .submission-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);position:relative;z-index:1}.submission-card .submission-header h4{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;flex:1;min-width:0}.submission-card .submission-content{margin-bottom:var(--space-lg);position:relative;z-index:1}.submission-card .submission-content p{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-sm) 0}.submission-card .submission-content strong{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.submission-card .submission-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;position:relative;z-index:1}.my-tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-weight-medium);text-decoration:none;border:none;cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden;min-height:36px;white-space:nowrap;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--font-xs);min-height:28px}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-primary);box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.1)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-success{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-light) 100%);color:var(--color-text-primary);box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.1)}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-warning{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-light) 100%);color:var(--color-text-primary);box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.1)}.btn-warning:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-danger{background:linear-gradient(135deg,var(--color-danger) 0%,var(--color-danger-light) 100%);color:var(--color-text-primary);box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.1)}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn svg{width:16px;height:16px;flex-shrink:0}.btn-sm svg{width:14px;height:14px}.loading-spinner-sm{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid currentColor;border-radius:50%;animation:spinnerRotate 1s linear infinite}@keyframes spinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);animation:modalOverlayFadeIn .3s ease-out}@keyframes modalOverlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:modalSlideIn .4s ease-out;box-shadow:var(--shadow-diamond);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--color-border);background:var(--color-surface);position:sticky;top:0;z-index:10}.modal-header h3{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.modal-close{background:none;border:none;color:var(--color-text-muted);font-size:var(--font-2xl);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition-base)}.modal-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary);transform:scale(1.1)}.modal-content{padding:var(--space-lg)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-md);padding:var(--space-lg);border-top:1px solid var(--color-border);background:var(--color-surface);position:sticky;bottom:0}.form-group label{display:block;font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.form-group input,.form-group select,.form-group textarea{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--color-text-primary);font-size:var(--font-sm);font-family:inherit;transition:var(--transition-base)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea33;background:var(--color-surface-hover)}.form-group select option{background:var(--color-bg-secondary);color:var(--color-text-primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.form-column{display:flex;flex-direction:column;gap:var(--space-md)}.delete-confirmation{text-align:center;padding:var(--space-lg) 0}.delete-icon{color:var(--color-danger);margin-bottom:var(--space-lg);animation:deleteIconPulse 2s infinite}@keyframes deleteIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.delete-confirmation h4{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-md) 0}.delete-confirmation p{font-size:var(--font-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-lg) 0}.delete-warning{background:linear-gradient(135deg,#f59e0b1a,#ef44441a);border:1px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-md);font-size:var(--font-sm);color:var(--color-warning)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl) var(--space-lg);text-align:center;color:var(--color-text-muted);animation:emptyStateFloat 3s ease-in-out infinite}@keyframes emptyStateFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.empty-icon{color:var(--color-text-disabled);margin-bottom:var(--space-lg);opacity:.6;animation:emptyIconFloat 4s ease-in-out infinite}@keyframes emptyIconFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(1deg)}75%{transform:translateY(3px) rotate(-1deg)}}.empty-state p{font-size:var(--font-base);color:var(--color-text-muted);margin:0 0 var(--space-md) 0}.empty-subtitle{font-size:var(--font-sm)!important;color:var(--color-text-disabled)!important;margin:0 0 var(--space-lg) 0!important}@media (min-width: 1200px){.my-tasks-grid{grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}.submissions-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.stat-item{min-width:120px}}@media (min-width: 1024px) and (max-width: 1199px){.my-tasks-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.submissions-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}@media (max-width: 1024px){.milestones-header,.submissions-header,.my-tasks-header{flex-direction:column;align-items:stretch;gap:var(--space-md)}.my-tasks-stats{justify-content:space-between;gap:var(--space-md)}.stat-item{flex:1;min-width:80px;padding:var(--space-sm) var(--space-md)}.milestone-header{padding:var(--space-md)}.milestone-progress-circle{width:50px;height:50px}.milestone-progress-circle:before{width:38px;height:38px}.milestone-tasks,.task-card,.student-task-card{padding:var(--space-md)}.task-header,.submission-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.task-details{gap:var(--space-sm)}.task-assignee,.task-timeline{flex-direction:column;gap:var(--space-xs);align-items:flex-start}.task-actions,.submission-actions,.progress-actions{flex-direction:column;gap:var(--space-sm)}.task-actions .btn,.submission-actions .btn,.progress-actions .btn{width:100%;justify-content:center}.progress-slider-wrapper{flex-direction:column;gap:var(--space-sm)}.progress-value-display{align-self:center}.submissions-grid,.my-tasks-grid{grid-template-columns:1fr;gap:var(--space-lg)}.modal{margin:var(--space-md);max-height:calc(100vh - 2rem)}.modal-header,.modal-content,.modal-actions{padding:var(--space-md)}.modal-actions{flex-direction:column;gap:var(--space-sm)}.modal-actions .btn{width:100%}.form-row{grid-template-columns:1fr;gap:var(--space-md)}}@media (max-width: 768px){:root{--space-xs: .2rem;--space-sm: .4rem;--space-md: .6rem;--space-lg: .8rem;--space-xl: 1.2rem;--space-2xl: 1.6rem;--space-3xl: 2.4rem;--space-4xl: 3.2rem}.milestone-card,.task-card,.student-task-card,.submission-card,.milestone-header{padding:var(--space-sm)}.milestone-progress-circle{width:40px;height:40px}.milestone-progress-circle:before{width:30px;height:30px}.milestone-progress-circle span{font-size:var(--font-xs)}.expand-btn{width:28px;height:28px}.task-progress-section,.task-submission-section{padding:var(--space-sm);margin:var(--space-md) 0}.progress-update-form,.submission-history{padding:var(--space-sm)}.progress-notes-input,.work-description-input{padding:var(--space-sm);min-height:60px}.my-tasks-stats{gap:var(--space-sm)}.stat-item{padding:var(--space-xs) var(--space-sm);min-width:60px}.stat-number{font-size:var(--font-lg)}.task-meta{flex-direction:column;gap:var(--space-xs);align-items:flex-start}.submissions-list{gap:var(--space-md)}.submission-item{padding:var(--space-sm)}.submission-meta{flex-direction:column;gap:var(--space-xs);align-items:flex-start}.modal-overlay{padding:var(--space-sm)}.modal{margin:0;border-radius:var(--radius-md)}.empty-state{padding:var(--space-2xl) var(--space-sm)}.btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-xs);min-height:32px}.btn-sm{padding:2px var(--space-xs);font-size:10px;min-height:24px}}@media (max-width: 480px){.milestones-header h3,.submissions-header h3,.my-tasks-header h3{font-size:var(--font-xl)}.milestone-title{font-size:var(--font-lg)}.task-title{font-size:var(--font-base)}.my-tasks-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.progress-slider{height:6px}.progress-slider::-webkit-slider-thumb{width:16px;height:16px}.progress-slider::-moz-range-thumb{width:16px;height:16px}.progress-value-display{font-size:var(--font-xs);padding:2px var(--space-xs);min-width:40px}.character-count{font-size:10px}.task-meta-badges{gap:2px}.task-priority,.task-status,.task-priority-badge,.task-status-badge{padding:2px var(--space-xs);font-size:10px}.milestone-meta{flex-direction:column;gap:var(--space-xs);align-items:flex-start}.milestone-status-badge{padding:2px var(--space-xs);font-size:10px}}.btn:focus-visible,.progress-slider:focus-visible,.progress-notes-input:focus-visible,.work-description-input:focus-visible,.submission-type-select:focus-visible,.modal-close:focus-visible,.expand-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #667eea4d}.milestone-card:focus-visible,.task-card:focus-visible,.student-task-card:focus-visible,.submission-card:focus-visible,.submission-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.modal{contain:focus}.modal-overlay[aria-hidden=true]{display:none}.milestone-header[role=button]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.tab-panel,.milestone-card,.task-card,.student-task-card,.submission-card,.submission-item,.progress-update-form,.submission-history,.modal-overlay,.modal,.success-alert,.error-alert{animation:none}.milestone-card,.task-card,.student-task-card,.submission-card,.submission-item,.stat-item,.btn,.expand-btn,.modal-close{transition:none}.milestone-card:hover,.task-card:hover,.student-task-card:hover,.submission-card:hover,.stat-item:hover{transform:none}.progress-fill,.progress-fill-mini{transition:none}.expand-btn svg{transition:none}.loading-spinner-sm{animation:none}.btn:before{transition:none}.btn:hover:before{left:-100%}.empty-state,.empty-icon,.delete-icon,.tab-panel,.milestone-card,.task-card,.student-task-card,.submission-card,.milestone-tasks,.progress-update-form,.submission-history,.success-alert,.error-alert,.modal-overlay,.modal,.loading-spinner-sm{animation:none}.progress-fill:after,.progress-fill-mini:after{animation:none}}@media (prefers-contrast: high){:root{--color-border: rgba(255, 255, 255, .4);--color-border-hover: rgba(255, 255, 255, .6);--color-text-muted: #cbd5e1;--color-text-disabled: #94a3b8}.milestone-card,.task-card,.student-task-card,.submission-card,.submission-item,.stat-item,.progress-update-form,.submission-history,.modal{border-width:2px}.btn-primary{background:var(--color-primary);border:2px solid var(--color-text-primary)}.btn-secondary{border:2px solid var(--color-border)}.task-status-badge,.task-priority-badge,.milestone-status-badge,.submission-status{border:2px solid currentColor}.progress-bar,.progress-bar-mini{border:2px solid var(--color-border)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-width:2px}}@media (prefers-color-scheme: dark){:root{--color-bg-primary: #0f172a;--color-bg-secondary: rgba(15, 23, 42, .9);--color-bg-tertiary: rgba(30, 41, 59, .7);--color-surface: rgba(51, 65, 85, .8);--color-surface-hover: rgba(71, 85, 105, .9);--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8}}@media print{*{box-shadow:none!important;text-shadow:none!important}.milestone-actions,.task-actions,.submission-actions,.progress-actions,.btn,.expand-btn,.modal-overlay,.progress-update-form,.task-submission-section,.success-alert,.error-alert{display:none!important}.milestone-card,.task-card,.student-task-card,.submission-card{break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid;background:#fff!important;border:1px solid #ccc!important;color:#000!important}.milestone-title,.task-title,.milestones-header h3,.submissions-header h3,.my-tasks-header h3{color:#000!important;background:none!important;-webkit-text-fill-color:black!important}.milestone-tasks{background:#fff!important}.submissions-grid,.my-tasks-grid{grid-template-columns:1fr!important;gap:1rem!important}.my-tasks-stats,.task-meta-badges,.milestone-meta{display:none!important}.task-description,.submission-content{color:#333!important}.progress-bar{border:1px solid #ccc!important;background:#f5f5f5!important}.progress-fill,.progress-fill-mini{background:#333!important}}.milestone-card,.task-card,.student-task-card,.submission-card,.btn,.modal{will-change:transform}.progress-fill,.progress-fill-mini{will-change:width}.milestone-tasks,.progress-update-form,.submission-history{contain:layout style}.milestone-card,.task-card,.student-task-card,.submission-card,.modal,.btn{-webkit-backface-visibility:hidden;backface-visibility:hidden}.modal,.submission-history,.submissions-list{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.modal::-webkit-scrollbar,.submission-history::-webkit-scrollbar,.submissions-list::-webkit-scrollbar{width:6px}.modal::-webkit-scrollbar-track,.submission-history::-webkit-scrollbar-track,.submissions-list::-webkit-scrollbar-track{background:transparent}.modal::-webkit-scrollbar-thumb,.submission-history::-webkit-scrollbar-thumb,.submissions-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.modal::-webkit-scrollbar-thumb:hover,.submission-history::-webkit-scrollbar-thumb:hover,.submissions-list::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.d-flex{display:flex}.d-none{display:none}.align-center{align-items:center}.flex-column{flex-direction:column}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.w-100{width:100%}.h-100{height:100%}.position-relative{position:relative}.position-absolute{position:absolute}.z-index-1{z-index:1}.z-index-10{z-index:10}.pointer{cursor:pointer}.task-priority-low{background-color:var(--color-success)!important}.task-priority-medium{background-color:var(--color-warning)!important}.task-priority-high,.task-priority-urgent{background-color:var(--color-danger)!important}.task-status-pending{background-color:#6b7280!important}.task-status-in_progress{background-color:var(--color-info)!important}.task-status-review{background-color:#8b5cf6!important}.task-status-completed{background-color:var(--color-success)!important}.task-status-blocked{background-color:var(--color-danger)!important}.submission-status-submitted{background-color:var(--color-warning)!important}.submission-status-under_review{background-color:#8b5cf6!important}.submission-status-approved{background-color:var(--color-success)!important}.submission-status-needs_revision{background-color:var(--color-danger)!important}:root{--color-primary: #667eea;--color-primary-dark: #764ba2;--color-secondary: #4ade80;--color-tertiary: #f093fb;--color-accent: #45B7D1;--color-danger: #ef4444;--color-warning: #f59e0b;--color-success: #4ade80;--color-info: #3b82f6;--color-bg-primary: #000000;--color-bg-secondary: #0a0a0a;--color-bg-tertiary: #1a1a1a;--color-surface: rgba(255, 255, 255, .03);--color-surface-hover: rgba(255, 255, 255, .05);--color-surface-active: rgba(255, 255, 255, .08);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-muted: rgba(255, 255, 255, .6);--color-text-disabled: rgba(255, 255, 255, .4);--color-border: rgba(255, 255, 255, .05);--color-border-hover: rgba(255, 255, 255, .1);--color-border-active: rgba(255, 255, 255, .2);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 5rem;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .3), 0 4px 16px rgba(255, 255, 255, .1) inset;--shadow-crystal: 0 20px 40px rgba(0, 0, 0, .4), 0 8px 16px rgba(255, 255, 255, .1) inset;--shadow-diamond: 0 25px 50px rgba(0, 0, 0, .5), 0 10px 20px rgba(255, 255, 255, .05) inset;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--transition-luxury: .4s cubic-bezier(.25, .46, .45, .94);--transition-silk: cubic-bezier(.4, 0, .2, 1)}.dashboard-page{min-height:100vh;background:var(--color-bg-primary);position:relative;overflow-x:hidden;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif}.dashboard-background-gradient{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.12) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.12) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(69,183,209,.08) 0%,transparent 40%);pointer-events:none}.dashboard-particles-bg{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2;pointer-events:none;overflow:hidden}.dashboard-particle{position:absolute;width:2px;height:2px;background:#fff3;border-radius:50%;animation:dashboardFloatUp linear infinite}@keyframes dashboardFloatUp{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) scale(1)}}.dashboard-container{position:relative;z-index:10;max-width:var(--container-2xl);margin:0 auto;padding:var(--space-xl) var(--space-lg);min-height:100vh}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;color:var(--color-text-secondary)}.dashboard-loading-spinner{width:48px;height:48px;border:3px solid var(--color-surface);border-top:3px solid var(--color-primary);border-radius:50%;animation:dashboardSpin 1s linear infinite;margin-bottom:var(--space-lg)}@keyframes dashboardSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-loading h2{font-size:var(--font-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-sm) 0}.dashboard-loading p{font-size:var(--font-base);color:var(--color-text-muted);margin:0}.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;color:var(--color-text-secondary);max-width:500px;margin:0 auto}.dashboard-error-icon{color:var(--color-danger);margin-bottom:var(--space-lg)}.dashboard-error h2{font-size:var(--font-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-md) 0}.dashboard-error p{font-size:var(--font-base);color:var(--color-text-secondary);margin:0 0 var(--space-xl) 0;line-height:var(--leading-relaxed)}.dashboard-error-actions{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center}.dashboard-header{margin-bottom:var(--space-2xl);animation:dashboardSlideIn .6s ease-out}@keyframes dashboardSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dashboard-back-button{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--color-text-secondary);font-size:var(--font-sm);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:all var(--transition-base);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);margin-bottom:var(--space-lg)}.dashboard-back-button:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary);transform:translate(-2px)}.dashboard-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg);flex-wrap:wrap}.dashboard-project-info{flex:1;min-width:0}.dashboard-project-title{font-size:var(--font-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-sm) 0;line-height:var(--leading-tight);background:linear-gradient(135deg,#fff,#ffffffe6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-project-subtitle{font-size:var(--font-lg);color:var(--color-text-secondary);margin:0 0 var(--space-md) 0;line-height:var(--leading-relaxed)}.dashboard-project-meta{display:flex;gap:var(--space-lg);flex-wrap:wrap;font-size:var(--font-sm)}.dashboard-meta-item{color:var(--color-text-muted)}.dashboard-meta-item strong{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.dashboard-header-actions{display:flex;gap:var(--space-md);align-items:flex-start}.dashboard-progress-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-2xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden;animation:dashboardFadeIn .6s ease-out .1s both}@keyframes dashboardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-progress-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);z-index:-1}.dashboard-progress-info{margin-bottom:var(--space-md)}.dashboard-progress-label{font-size:var(--font-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.dashboard-progress-percentage{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}.dashboard-progress-bar-container{position:relative}.dashboard-progress-bar{width:100%;height:12px;background:var(--color-surface-hover);border-radius:var(--radius-full);overflow:hidden;position:relative}.dashboard-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:var(--radius-full);transition:width 1s ease-out;position:relative;overflow:hidden}.dashboard-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:dashboardProgressShimmer 2s infinite}@keyframes dashboardProgressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.dashboard-tab-navigation{margin-bottom:var(--space-2xl);animation:dashboardFadeIn .6s ease-out .2s both}.dashboard-tab-list{display:flex;gap:var(--space-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xs);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.dashboard-tab-list::-webkit-scrollbar{display:none}.dashboard-tab{flex:1;min-width:0;background:transparent;border:none;border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);color:var(--color-text-secondary);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);white-space:nowrap}.dashboard-tab:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);opacity:0;transition:opacity var(--transition-base);border-radius:var(--radius-md)}.dashboard-tab:hover:before{opacity:1}.dashboard-tab.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-primary);box-shadow:var(--shadow-glass);transform:translateY(-2px)}.dashboard-tab-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.dashboard-tab-text{position:relative;z-index:1}.dashboard-notification-badge{position:absolute;top:4px;right:4px;background:var(--color-danger);color:var(--color-text-primary);font-size:var(--font-xs);font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:var(--radius-full);line-height:1;min-width:18px;text-align:center;animation:dashboardPulse 2s infinite}@keyframes dashboardPulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.dashboard-tab-content{animation:dashboardTabFadeIn .4s ease-out}@keyframes dashboardTabFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-tab-panel{animation:dashboardFadeIn .6s ease-out .3s both}.dashboard-overview-grid{display:grid;gap:var(--space-2xl);grid-template-columns:1fr}.dashboard-stats-section h3,.dashboard-milestones-overview h3,.dashboard-activity-section h3{font-size:var(--font-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-lg) 0}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.dashboard-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-base);position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--space-md)}.dashboard-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea08,#764ba208);opacity:0;transition:opacity var(--transition-base)}.dashboard-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border-hover)}.dashboard-stat-card:hover:before{opacity:1}.dashboard-stat-icon{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-text-primary);flex-shrink:0;position:relative;z-index:1}.dashboard-stat-content{flex:1;position:relative;z-index:1}.dashboard-stat-value{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--leading-tight)}.dashboard-stat-label{font-size:var(--font-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium);margin-top:var(--space-xs)}.dashboard-unassigned-alert{background:linear-gradient(135deg,#f59e0b1a,#ef44441a);border:1px solid var(--color-warning);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;gap:var(--space-md);align-items:flex-start;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:dashboardAlertSlide .5s ease-out}@keyframes dashboardAlertSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.dashboard-alert-icon{color:var(--color-warning);flex-shrink:0;margin-top:2px}.dashboard-alert-content{flex:1}.dashboard-alert-content h4{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-sm) 0}.dashboard-alert-content p{font-size:var(--font-sm);color:var(--color-text-secondary);margin:0 0 var(--space-md) 0;line-height:var(--leading-relaxed)}.dashboard-milestones-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-md)}.dashboard-milestones-header h3{font-size:var(--font-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.dashboard-milestone-actions{display:flex;gap:var(--space-md)}.dashboard-milestones-container{display:flex;flex-direction:column;gap:var(--space-lg)}.dashboard-milestone-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-base);position:relative;overflow:hidden}.dashboard-milestone-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea05,#764ba205);opacity:0;transition:opacity var(--transition-base)}.dashboard-milestone-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}.dashboard-milestone-card:hover:before{opacity:1}.dashboard-milestone-card-header{padding:var(--space-lg);cursor:pointer;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.dashboard-milestone-info{flex:1;min-width:0}.dashboard-milestone-title{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-sm) 0}.dashboard-milestone-description{font-size:var(--font-sm);color:var(--color-text-secondary);margin:var(--space-sm) 0;line-height:var(--leading-relaxed)}.dashboard-milestone-meta{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap;margin-top:var(--space-sm)}.dashboard-milestone-due{font-size:var(--font-sm);color:var(--color-text-muted)}.dashboard-milestone-status-badge{background:var(--color-surface-hover);color:var(--color-text-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-medium);text-transform:capitalize;white-space:nowrap}.dashboard-milestone-progress-info{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.dashboard-milestone-progress-circle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-sm);position:relative}.dashboard-expand-btn{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.dashboard-expand-btn:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);color:var(--color-text-primary)}.dashboard-milestone-tasks{border-top:1px solid var(--color-border);padding:var(--space-lg);position:relative;z-index:1;animation:dashboardFadeIn .3s ease-out}.dashboard-tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.dashboard-tasks-header h5{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.dashboard-tasks-list{display:flex;flex-direction:column;gap:var(--space-md)}.dashboard-task-card{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);transition:all var(--transition-base)}.dashboard-task-card:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);transform:translate(4px)}.dashboard-task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm);gap:var(--space-md)}.dashboard-task-info{flex:1;min-width:0}.dashboard-task-title{font-size:var(--font-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 var(--space-xs) 0}.dashboard-task-description{font-size:var(--font-sm);color:var(--color-text-secondary);margin:0;line-height:var(--leading-relaxed)}.dashboard-task-meta{display:flex;gap:var(--space-sm);flex-shrink:0}.dashboard-task-priority,.dashboard-task-status{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:#fff;text-transform:capitalize;white-space:nowrap}.dashboard-task-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-sm);margin-top:var(--space-sm);font-size:var(--font-sm);color:var(--color-text-muted)}.dashboard-task-assignee,.dashboard-task-timeline,.dashboard-task-progress{display:flex;align-items:center;gap:var(--space-xs)}.dashboard-unassigned-text{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-warning)}.dashboard-progress-bar-mini{width:60px;height:4px;background:var(--color-surface);border-radius:var(--radius-full);overflow:hidden}.dashboard-progress-fill-mini{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:var(--radius-full);transition:width .5s ease-out}.dashboard-milestones-overview{grid-area:milestones}.dashboard-milestones-list{display:flex;flex-direction:column;gap:var(--space-lg)}.dashboard-milestone-overview-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-base);position:relative;overflow:hidden}.dashboard-milestone-overview-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea05,#764ba205);opacity:0;transition:opacity var(--transition-base)}.dashboard-milestone-overview-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}.dashboard-milestone-overview-item:hover:before{opacity:1}.dashboard-milestone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);position:relative;z-index:1}.dashboard-milestone-header h4{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;flex:1;min-width:0}.dashboard-milestone-status{background:var(--color-surface-hover);color:var(--color-text-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-medium);text-transform:capitalize;white-space:nowrap}.dashboard-milestone-progress{margin-bottom:var(--space-sm);position:relative;z-index:1}.dashboard-progress-text{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.dashboard-progress-bar-small{width:100%;height:6px;background:var(--color-surface-hover);border-radius:var(--radius-full);overflow:hidden}.dashboard-progress-fill-small{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:var(--radius-full);transition:width .8s ease-out}.dashboard-milestone-due{font-size:var(--font-sm);color:var(--color-text-muted);position:relative;z-index:1}.dashboard-activity-section{grid-area:activity}.dashboard-activity-list{display:flex;flex-direction:column;gap:var(--space-md)}.dashboard-activity-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-base)}.dashboard-activity-item:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translate(4px)}.dashboard-activity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:6px}.dashboard-activity-content{flex:1;min-width:0}.dashboard-activity-text{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-xs);display:block}.dashboard-activity-text strong{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.dashboard-activity-time{font-size:var(--font-xs);color:var(--color-text-muted)}.dashboard-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl) var(--space-lg);text-align:center;color:var(--color-text-muted)}.dashboard-empty-icon{color:var(--color-text-disabled);margin-bottom:var(--space-lg);opacity:.6}.dashboard-empty-state p{font-size:var(--font-base);color:var(--color-text-muted);margin:0 0 var(--space-sm) 0}.dashboard-empty-subtitle{font-size:var(--font-sm)!important;color:var(--color-text-disabled)!important;margin:0!important}.dashboard-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-weight-medium);text-decoration:none;border:none;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;min-height:36px;white-space:nowrap}.dashboard-btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--font-xs);min-height:28px}.dashboard-btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.dashboard-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.dashboard-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.dashboard-btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.dashboard-btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-1px)}.dashboard-btn-danger{background:linear-gradient(135deg,var(--color-danger) 0%,#dc2626 100%);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.dashboard-btn-danger:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.dashboard-btn svg{width:16px;height:16px;flex-shrink:0}.dashboard-btn-sm svg{width:14px;height:14px}.dashboard-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);animation:dashboardModalFadeIn .3s ease-out}@keyframes dashboardModalFadeIn{0%{opacity:0}to{opacity:1}}.dashboard-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-crystal);animation:dashboardModalSlideIn .3s ease-out}@keyframes dashboardModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dashboard-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-lg) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-lg)}.dashboard-modal-header h3{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.dashboard-modal-close{background:transparent;border:none;color:var(--color-text-muted);font-size:var(--font-2xl);cursor:pointer;padding:var(--space-xs);line-height:1;transition:color var(--transition-base)}.dashboard-modal-close:hover{color:var(--color-text-primary)}.dashboard-modal-content{padding:0 var(--space-lg)}.dashboard-modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end;padding:var(--space-lg);border-top:1px solid var(--color-border);margin-top:var(--space-lg)}.dashboard-form-group{margin-bottom:var(--space-lg)}.dashboard-form-group label{display:block;font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.dashboard-form-group input,.dashboard-form-group textarea,.dashboard-form-group select{width:100%;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--color-text-primary);font-size:var(--font-sm);transition:all var(--transition-base)}.dashboard-form-group input:focus,.dashboard-form-group textarea:focus,.dashboard-form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.dashboard-form-group textarea{resize:vertical;min-height:80px}.dashboard-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.dashboard-form-column{display:flex;flex-direction:column;gap:var(--space-md)}@media (min-width: 1200px){.dashboard-overview-grid{grid-template-columns:2fr 1fr;grid-template-areas:"stats milestones" "activity activity"}.dashboard-stats-section{grid-area:stats}.dashboard-milestones-overview{grid-area:milestones}.dashboard-activity-section{grid-area:activity}.dashboard-stats-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px) and (max-width: 1199px){.dashboard-overview-grid{grid-template-columns:1fr}.dashboard-stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1024px){.dashboard-container{padding:var(--space-lg) var(--space-md)}.dashboard-project-title{font-size:var(--font-3xl)}.dashboard-project-subtitle{font-size:var(--font-base)}.dashboard-header-content{flex-direction:column;align-items:stretch;gap:var(--space-md)}.dashboard-header-actions{align-self:flex-start}.dashboard-project-meta{flex-direction:column;gap:var(--space-sm)}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.dashboard-tab-list{padding:var(--space-xs);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.dashboard-tab-list::-webkit-scrollbar{display:none}.dashboard-tab{padding:var(--space-sm) var(--space-md);font-size:var(--font-sm);min-width:120px;flex-shrink:0}.dashboard-stat-card{padding:var(--space-md);flex-direction:column;text-align:center;gap:var(--space-sm)}.dashboard-milestone-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.dashboard-milestone-card-header{flex-direction:column;align-items:stretch}.dashboard-milestone-progress-info{justify-content:space-between;margin-top:var(--space-md)}.dashboard-unassigned-alert{flex-direction:column;gap:var(--space-sm)}.dashboard-activity-item{padding:var(--space-sm)}.dashboard-btn{font-size:var(--font-sm);padding:var(--space-sm) var(--space-md)}.dashboard-form-row{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-container{padding:var(--space-md) var(--space-sm)}.dashboard-project-title{font-size:var(--font-2xl)}.dashboard-back-button{padding:var(--space-xs) var(--space-sm);font-size:var(--font-xs)}.dashboard-progress-section{padding:var(--space-md)}.dashboard-stats-grid{grid-template-columns:1fr;gap:var(--space-sm)}.dashboard-stat-card{padding:var(--space-sm)}.dashboard-stat-value{font-size:var(--font-xl)}.dashboard-milestone-overview-item,.dashboard-milestone-card,.dashboard-milestone-card-header,.dashboard-milestone-tasks{padding:var(--space-md)}.dashboard-task-details{grid-template-columns:1fr;gap:var(--space-xs)}.dashboard-activity-item{gap:var(--space-sm)}.dashboard-empty-state{padding:var(--space-2xl) var(--space-sm)}.dashboard-tab{min-width:80px;padding:var(--space-sm);font-size:var(--font-xs)}.dashboard-tab-text{display:none}.dashboard-tab-icon{display:flex}.dashboard-notification-badge{top:2px;right:2px;font-size:10px;padding:1px 4px;min-width:14px}.dashboard-modal{margin:var(--space-sm);max-width:calc(100vw - 2rem)}.dashboard-modal-actions{flex-direction:column}.dashboard-milestone-actions,.dashboard-milestone-actions .dashboard-btn{width:100%}.dashboard-milestones-header{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.dashboard-project-title{font-size:var(--font-xl)}.dashboard-progress-bar{height:8px}.dashboard-stat-card{gap:var(--space-xs)}.dashboard-stat-icon{padding:var(--space-sm)}.dashboard-stat-value{font-size:var(--font-lg)}.dashboard-error,.dashboard-loading{padding:var(--space-lg) var(--space-sm)}.dashboard-error h2,.dashboard-loading h2{font-size:var(--font-xl)}.dashboard-error-actions{flex-direction:column;gap:var(--space-sm)}.dashboard-btn{width:100%;justify-content:center;font-size:var(--font-xs);padding:var(--space-xs) var(--space-sm)}.dashboard-tab{min-width:60px}.dashboard-milestone-progress-circle{width:50px;height:50px;font-size:var(--font-xs)}.dashboard-task-card{padding:var(--space-sm)}.dashboard-task-header{flex-direction:column;gap:var(--space-sm)}.dashboard-task-meta{justify-content:flex-start}}.dashboard-tab:focus-visible,.dashboard-btn:focus-visible,.dashboard-back-button:focus-visible,.dashboard-expand-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dashboard-stat-card:focus-visible,.dashboard-milestone-overview-item:focus-visible,.dashboard-milestone-card:focus-visible,.dashboard-activity-item:focus-visible,.dashboard-task-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.dashboard-form-group input:focus-visible,.dashboard-form-group textarea:focus-visible,.dashboard-form-group select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.dashboard-particle{animation:none}.dashboard-stat-card,.dashboard-milestone-overview-item,.dashboard-milestone-card,.dashboard-activity-item,.dashboard-task-card,.dashboard-btn,.dashboard-tab,.dashboard-back-button,.dashboard-expand-btn{transition:none}.dashboard-stat-card:hover,.dashboard-milestone-overview-item:hover,.dashboard-milestone-card:hover,.dashboard-activity-item:hover,.dashboard-task-card:hover{transform:none}.dashboard-notification-badge{animation:none}.dashboard-progress-fill:after{animation:none}@keyframes dashboardSlideIn{0%,to{opacity:1;transform:translateY(0)}}@keyframes dashboardFadeIn{0%,to{opacity:1;transform:translateY(0)}}@keyframes dashboardTabFadeIn{0%,to{opacity:1;transform:translateY(0)}}@keyframes dashboardAlertSlide{0%,to{opacity:1;transform:translate(0)}}@keyframes dashboardSpin{0%,to{transform:rotate(0)}}@keyframes dashboardPulse{0%,to{box-shadow:none}}@keyframes dashboardProgressShimmer{0%,to{transform:translate(-100%)}}@keyframes dashboardModalFadeIn{0%,to{opacity:1}}@keyframes dashboardModalSlideIn{0%,to{opacity:1;transform:translateY(0) scale(1)}}}@media (prefers-contrast: high){.dashboard-stat-card,.dashboard-milestone-overview-item,.dashboard-milestone-card,.dashboard-activity-item,.dashboard-task-card,.dashboard-progress-section,.dashboard-unassigned-alert,.dashboard-modal{border-width:2px}.dashboard-btn-primary{background:var(--color-primary)}.dashboard-notification-badge{border:2px solid var(--color-bg-primary)}}@media print{.dashboard-particles-bg,.dashboard-background-gradient,.dashboard-back-button,.dashboard-header-actions,.dashboard-notification-badge,.dashboard-btn,.dashboard-modal-overlay{display:none!important}.dashboard-stat-card,.dashboard-milestone-overview-item,.dashboard-milestone-card,.dashboard-activity-item,.dashboard-task-card{break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid}.dashboard-page{background:#fff!important;color:#000!important}.dashboard-container{max-width:none!important;padding:1rem!important}.dashboard-project-title,.dashboard-stat-value,.dashboard-milestone-header h4,.dashboard-milestone-title{color:#000!important}.dashboard-tab-navigation{display:none!important}.dashboard-overview-grid{grid-template-columns:1fr!important;gap:1rem!important}.dashboard-milestone-card-header{cursor:default!important}.dashboard-expand-btn{display:none!important}.dashboard-milestone-tasks{display:block!important}}:root{--color-primary: #667eea;--color-primary-dark: #764ba2;--color-secondary: #4ade80;--color-tertiary: #f093fb;--color-accent: #45B7D1;--color-danger: #ef4444;--color-warning: #f59e0b;--color-success: #4ade80;--color-info: #3b82f6;--color-bg-primary: #000000;--color-bg-secondary: #0a0a0a;--color-bg-tertiary: #1a1a1a;--color-surface: rgba(255, 255, 255, .03);--color-surface-hover: rgba(255, 255, 255, .05);--color-surface-active: rgba(255, 255, 255, .08);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-muted: rgba(255, 255, 255, .6);--color-text-disabled: rgba(255, 255, 255, .4);--color-border: rgba(255, 255, 255, .05);--color-border-hover: rgba(255, 255, 255, .1);--color-border-active: rgba(255, 255, 255, .2);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 5rem;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-5xl: 3rem;--font-6xl: 3.75rem;--font-7xl: 4.5rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .3), 0 4px 16px rgba(255, 255, 255, .1) inset;--shadow-crystal: 0 20px 40px rgba(0, 0, 0, .4), 0 8px 16px rgba(255, 255, 255, .1) inset;--shadow-diamond: 0 25px 50px rgba(0, 0, 0, .5), 0 10px 20px rgba(255, 255, 255, .05) inset;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--transition-luxury: .4s cubic-bezier(.25, .46, .45, .94);--transition-silk: cubic-bezier(.4, 0, .2, 1)}.tour-page{min-height:100vh;background:var(--color-bg-primary);position:relative;overflow-x:hidden;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif}.tour-background-gradient{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.15) 0%,transparent 50%);pointer-events:none}.tour-particles-bg{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2;pointer-events:none;overflow:hidden}.tour-particle{position:absolute;width:2px;height:2px;background:#ffffff4d;border-radius:50%;animation:tourFloatUp linear infinite}@keyframes tourFloatUp{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) scale(1)}}.tour-container{position:relative;z-index:10;max-width:var(--container-2xl);margin:0 auto;padding:var(--space-2xl) var(--space-lg);display:flex;flex-direction:column;min-height:100vh;justify-content:center}.tour-close-btn{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:100;width:48px;height:48px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.tour-close-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tour-close-btn svg{width:20px;height:20px}.tour-step{width:100%;max-width:1000px;margin:0 auto;position:relative;animation:tourStepFadeIn .8s ease-out}@keyframes tourStepFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tour-user-selection{text-align:center;position:relative}.tour-step-content{position:relative;z-index:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-4xl) var(--space-2xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-glass)}.tour-step-title{font-size:var(--font-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg);background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:var(--leading-tight)}.tour-step-subtitle{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-2xl);line-height:var(--leading-snug)}.tour-user-type-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-xl);margin-bottom:var(--space-3xl)}.tour-user-type-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);cursor:pointer;transition:all var(--transition-luxury);position:relative;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;text-align:center;min-height:200px}.tour-user-type-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);opacity:0;transition:opacity var(--transition-base)}.tour-user-type-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border-hover)}.tour-user-type-card:hover:before{opacity:1}.tour-user-type-card.expanded{transform:translateY(-4px);box-shadow:var(--shadow-crystal);border-color:var(--color-primary);min-height:380px}.tour-user-type-card.expanded:before{opacity:1;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.tour-card-header{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-lg);position:relative;z-index:1}.tour-user-type-icon{font-size:var(--font-4xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-md);transition:transform var(--transition-base);position:relative;z-index:1}.tour-user-type-card:hover .tour-user-type-icon{transform:scale(1.1)}.tour-user-type-card h3{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-sm) 0;position:relative;z-index:1}.tour-user-type-card .tour-card-description{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0;position:relative;z-index:1}.tour-card-expandable{opacity:0;max-height:0;overflow:hidden;transition:all var(--transition-slow);position:relative;z-index:1}.tour-user-type-card.expanded .tour-card-expandable{opacity:1;max-height:300px;margin-top:var(--space-lg)}.tour-card-expandable ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm);position:relative;z-index:1}.tour-card-expandable li{font-size:var(--font-sm);color:var(--color-text-muted);padding:var(--space-xs) 0;position:relative;padding-left:var(--space-lg);text-align:left}.tour-card-expandable li:before{content:"•";color:var(--color-primary);font-weight:var(--font-weight-bold);position:absolute;left:0}.tour-expand-indicator{position:absolute;bottom:var(--space-md);left:50%;transform:translate(-50%);background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-full);width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--font-sm);transition:all var(--transition-base);z-index:2;pointer-events:none}.tour-user-type-card:hover .tour-expand-indicator{background:var(--color-surface-active);color:var(--color-text-secondary);transform:translate(-50%) scale(1.1)}.tour-user-type-card.expanded .tour-expand-indicator{transform:translate(-50%) rotate(180deg);background:var(--color-primary);color:var(--color-text-primary);border-color:var(--color-primary)}.tour-landing-step{text-align:center;position:relative;border-radius:var(--radius-2xl);overflow:hidden;min-height:500px;display:flex;align-items:center;justify-content:center}.tour-step-background{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.1;border-radius:var(--radius-2xl)}.tour-landing-step .tour-step-content{max-width:800px;margin:0 auto;padding:var(--space-2xl)}.tour-step-icon{font-size:var(--font-4xl);font-weight:var(--font-weight-extrabold);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-tertiary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-lg);display:block;animation:iconPulse 3s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.tour-landing-step .tour-step-title{font-size:var(--font-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:var(--leading-tight)}.tour-landing-step .tour-step-subtitle{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-lg);line-height:var(--leading-snug)}.tour-step-description{font-size:var(--font-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-xl)}.tour-demo-section{background:var(--color-surface-hover);border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);padding:var(--space-lg);margin:var(--space-lg) 0;text-align:left}.tour-demo-title{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-md) 0}.tour-demo-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.tour-demo-item{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);padding:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);position:relative;padding-left:var(--space-xl)}.tour-demo-item:before{content:"•";position:absolute;left:var(--space-sm);top:50%;transform:translateY(-50%);font-size:var(--font-base);color:var(--color-primary);font-weight:var(--font-weight-bold)}.tour-step-actions{display:flex;gap:var(--space-lg);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-2xl)}.tour-progress{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.tour-progress-dots{display:flex;gap:var(--space-sm)}.tour-progress-dot{width:8px;height:8px;border-radius:50%;background:var(--color-surface-hover);transition:all var(--transition-base)}.tour-progress-dot.active{background:var(--color-primary);transform:scale(1.2);box-shadow:0 0 10px #667eea80}.tour-progress-text{font-size:var(--font-sm);color:var(--color-text-muted)}.tour-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-size:var(--font-base);font-weight:var(--font-weight-medium);text-decoration:none;border:none;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;min-height:48px;justify-content:center}.tour-btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-primary);box-shadow:var(--shadow-md)}.tour-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.tour-btn-ghost{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.tour-btn-ghost:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary);transform:translateY(-1px)}@keyframes tour-ripple{to{transform:translate(-50%,-50%) scale(4);opacity:0}}@media (max-width: 768px){.tour-container{padding:var(--space-xl) var(--space-md)}.tour-close-btn{top:var(--space-md);right:var(--space-md)}.tour-step-title{font-size:var(--font-3xl)}.tour-step-subtitle{font-size:var(--font-lg)}.tour-landing-step .tour-step-title{font-size:var(--font-2xl)}.tour-landing-step .tour-step-subtitle{font-size:var(--font-base)}.tour-step-content{padding:var(--space-xl)}.tour-landing-step .tour-step-content{padding:var(--space-lg)}.tour-step-icon{font-size:var(--font-3xl)}.tour-user-type-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.tour-user-type-card{min-height:180px}.tour-user-type-card.expanded{min-height:340px}.tour-user-type-icon{font-size:var(--font-3xl)}.tour-step-actions{flex-direction:column;align-items:center}.tour-btn{width:100%;max-width:300px}.tour-demo-section{padding:var(--space-md);margin:var(--space-md) 0}.tour-demo-title{font-size:var(--font-base)}.tour-demo-item{font-size:var(--font-xs);padding:var(--space-xs) var(--space-lg)}}@media (max-width: 480px){.tour-container{padding:var(--space-lg) var(--space-sm)}.tour-step-title{font-size:var(--font-2xl)}.tour-step-subtitle{font-size:var(--font-base)}.tour-landing-step{min-height:400px}.tour-landing-step .tour-step-title{font-size:var(--font-xl)}.tour-landing-step .tour-step-subtitle{font-size:var(--font-sm)}.tour-step-content{padding:var(--space-lg)}.tour-landing-step .tour-step-content{padding:var(--space-md)}.tour-step-icon{font-size:var(--font-2xl)}.tour-user-type-cards{grid-template-columns:1fr}.tour-user-type-card{padding:var(--space-lg);min-height:160px}.tour-user-type-card.expanded{min-height:300px}.tour-user-type-icon{font-size:var(--font-2xl);margin-bottom:var(--space-sm)}.tour-user-type-card h3{font-size:var(--font-base)}.tour-user-type-card .tour-card-description,.tour-card-expandable li{font-size:var(--font-xs)}.tour-demo-section{padding:var(--space-sm);margin:var(--space-sm) 0}.tour-demo-title{font-size:var(--font-sm)}.tour-demo-item{font-size:var(--font-xs);padding:var(--space-xs) var(--space-md)}.tour-step-description{font-size:var(--font-sm);margin-bottom:var(--space-lg)}.tour-step-actions{margin-bottom:var(--space-lg)}}@media (max-width: 360px){.tour-step-title{font-size:var(--font-xl)}.tour-step-subtitle{font-size:var(--font-sm)}.tour-landing-step{min-height:350px}.tour-landing-step .tour-step-title{font-size:var(--font-lg)}.tour-landing-step .tour-step-subtitle{font-size:var(--font-xs)}.tour-step-icon{font-size:var(--font-xl)}.tour-user-type-card{padding:var(--space-md);min-height:140px}.tour-user-type-card.expanded{min-height:280px}.tour-user-type-icon{font-size:var(--font-xl);margin-bottom:var(--space-xs)}.tour-user-type-card h3{font-size:var(--font-sm)}.tour-step-description{font-size:var(--font-xs)}.tour-btn{padding:var(--space-sm) var(--space-lg);font-size:var(--font-sm)}}.tour-btn:focus-visible,.tour-user-type-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tour-close-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.tour-particle{animation:none}.tour-user-type-card,.tour-btn,.tour-close-btn{transition:none}.tour-user-type-card:hover{transform:none}.tour-step-icon{animation:none}@keyframes tourStepFadeIn{0%,to{opacity:1;transform:translateY(0)}}@keyframes iconPulse{0%,to{transform:scale(1)}}}@media (prefers-contrast: high){.tour-user-type-card,.tour-step-content,.tour-demo-section{border-width:2px}.tour-btn-primary{background:var(--color-primary)}}@media print{.tour-particles-bg,.tour-background-gradient,.tour-close-btn{display:none!important}.tour-user-type-card{break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid}.tour-page{background:#fff!important;color:#000!important}.tour-container{max-width:none!important;padding:1rem!important}.tour-step-title,.tour-user-type-card h3{color:#000!important}}.progress-report-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:0;margin:0;width:100%;box-sizing:border-box}.progress-report-header{background:#fff;padding:20px 30px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;position:sticky;top:0;z-index:100}.report-title-section h2{margin:0;color:#1f2937;font-size:24px;font-weight:700}.report-title-section p{margin:5px 0 0;color:#6b7280;font-size:14px}.report-header-actions{display:flex;align-items:center}.header-button-group{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.report-print-header{background:#fff;padding:30px;border-bottom:3px solid #3b82f6;margin-bottom:30px}.report-print-header h1{color:#1e40af;margin:0 0 20px;font-size:32px;font-weight:700}.print-header-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.print-info-row{color:#6b7280;font-size:14px}.report-main-content{background:#fff;padding:40px;max-width:1200px;margin:0 auto;box-shadow:0 4px 6px #0000001a}.report-section{margin-bottom:50px;padding-bottom:30px;border-bottom:2px solid #f3f4f6}.report-section:last-child{border-bottom:none;margin-bottom:0}.section-header{margin-bottom:30px;text-align:center}.section-header h2{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 10px;border-bottom:3px solid #3b82f6;padding-bottom:10px;display:inline-block}.section-header p{color:#6b7280;font-size:16px;margin:0}.executive-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:30px}.summary-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.stat-card{background:#f9fafb;padding:25px;border-radius:12px;text-align:center;border:2px solid #e5e7eb;transition:transform .2s ease}.stat-card.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:#3b82f6}.stat-card:hover{transform:translateY(-2px)}.stat-number{display:block;font-size:36px;font-weight:700;margin-bottom:8px}.stat-card.primary .stat-number{color:#fff}.stat-card .stat-number{color:#3b82f6}.stat-label{display:block;font-size:14px;font-weight:500;opacity:.9}.summary-highlights{background:#f9fafb;padding:30px;border-radius:12px;border:2px solid #e5e7eb}.summary-highlights h3{color:#1f2937;font-size:20px;margin:0 0 15px}.health-status{color:#16a34a;font-weight:700;text-transform:uppercase}.highlights-section h4{color:#374151;font-size:16px;margin:15px 0 10px}.highlights-section ul{margin:0;padding-left:20px}.highlights-section li{color:#6b7280;margin-bottom:5px}.charts-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:30px}.chart-group{background:#f9fafb;border-radius:12px;padding:30px;border:2px solid #e5e7eb}.chart-group h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 25px;text-align:center}.status-chart{display:flex;flex-direction:column;gap:15px}.status-row{display:grid;grid-template-columns:150px 1fr 60px;align-items:center;gap:15px;padding:10px 0}.status-info{display:flex;align-items:center;gap:10px}.status-name{font-weight:600;color:#374151;text-transform:capitalize;font-size:14px}.status-count{background:#e5e7eb;color:#374151;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700;min-width:24px;text-align:center}.status-bar{height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden}.status-fill{height:100%;border-radius:6px;transition:width .3s ease}.status-percentage{font-weight:700;color:#374151;font-size:14px;text-align:right}.team-performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;margin-bottom:30px}.team-member-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 6px #0000000d;border:2px solid #e5e7eb;transition:transform .2s ease,box-shadow .2s ease}.team-member-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.member-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.member-info h4{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 5px}.member-role{color:#6b7280;font-size:14px;margin:0 0 8px}.member-type{display:inline-block;background:#3b82f6;color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.member-completion{text-align:center}.completion-circle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.member-metrics{margin-bottom:20px}.metric-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f6}.metric-row:last-child{border-bottom:none}.metric-label{font-size:14px;color:#6b7280;font-weight:500}.metric-value{font-size:14px;font-weight:700;color:#1f2937}.progress-bar-container{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;transition:width .3s ease}.milestones-timeline{position:relative;margin-bottom:30px}.milestone-card{display:flex;gap:20px;margin-bottom:30px;background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 4px #0000000d;border:2px solid #e5e7eb;position:relative}.milestone-card:last-child{margin-bottom:0}.milestone-status-indicator{flex-shrink:0;display:flex;align-items:flex-start;padding-top:5px}.status-dot{width:16px;height:16px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 2px #e5e7eb}.milestone-content{flex:1}.milestone-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.milestone-header h4{color:#1f2937;font-size:18px;font-weight:600;margin:0}.milestone-status-badge{padding:4px 10px;border-radius:12px;color:#fff;font-size:12px;font-weight:500;text-transform:capitalize}.milestone-description{color:#6b7280;font-size:14px;margin:0 0 15px;line-height:1.5}.milestone-metrics{display:grid;grid-template-columns:1fr 2fr;gap:20px}.milestone-progress span{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.progress-bar-small{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill-small{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;transition:width .3s ease}.milestone-details{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;color:#6b7280}.overdue-badge{background:#dc2626;color:#fff;padding:2px 6px;border-radius:4px;font-weight:600}.insights-grid{display:flex;flex-direction:column;gap:30px}.insight-card{background:#f9fafb;border-radius:12px;padding:25px;border:2px solid #e5e7eb}.insight-card.success{background:#f0fdf4;border-color:#16a34a}.insight-card h3{color:#1f2937;font-size:20px;margin:0 0 15px}.performers-list{display:flex;flex-wrap:wrap;gap:10px}.performer-badge{background:#16a34a;color:#fff;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500}.recommendations-section h3{color:#1f2937;font-size:20px;margin:0 0 20px}.recommendation-card{background:#fff;border-radius:8px;padding:20px;margin-bottom:15px;border-left:4px solid #6b7280}.recommendation-card.high{border-left-color:#dc2626}.recommendation-card.medium{border-left-color:#f59e0b}.recommendation-card.low{border-left-color:#10b981}.rec-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.rec-header h4{color:#1f2937;font-size:16px;margin:0}.priority-badge{background:#6b7280;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}.rec-content p{color:#6b7280;font-size:14px;margin:5px 0;line-height:1.4}.attention-section h3{color:#dc2626;font-size:20px;margin:0 0 20px}.attention-card{background:#fef2f2;border-radius:8px;padding:15px;margin-bottom:10px;border-left:4px solid #dc2626}.attention-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.attention-header strong{color:#1f2937;font-size:14px}.completion-rate{background:#dc2626;color:#fff;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600}.attention-issue{color:#7f1d1d;font-size:12px;margin:0}.report-btn{padding:10px 16px;border:none;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.report-btn-primary{background:#3b82f6;color:#fff}.report-btn-primary:hover{background:#2563eb}.report-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.report-btn-secondary:hover{background:#e5e7eb}.report-btn-generate{background:#10b981;color:#fff}.report-btn-generate:hover{background:#059669}.report-btn-pdf-main{background:#dc2626;color:#fff}.report-btn-pdf-main:hover{background:#b91c1c}.report-btn-close{background:#6b7280;color:#fff}.report-btn-close:hover{background:#4b5563}.report-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:20px 30px;margin-top:40px}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.report-timestamp{color:#6b7280;font-size:14px;margin:0}.mobile-downloads{display:flex;gap:10px}.mobile-download-btn{padding:8px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;background:#f3f4f6;color:#374151;transition:background .2s ease}.mobile-download-btn:hover{background:#e5e7eb}.mobile-download-pdf{background:#dc2626;color:#fff}.mobile-download-pdf:hover{background:#b91c1c}.report-loading-section{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#fff}.loading-content{text-align:center;max-width:400px;padding:40px}.loading-spinner-large{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-content h3{color:#1f2937;font-size:24px;margin:0 0 10px}.loading-content p{color:#6b7280;margin:0 0 20px}.loading-steps{display:flex;flex-direction:column;gap:8px}.loading-step{color:#6b7280;font-size:14px;text-align:left}.loading-spinner-header{width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.loading-indicator{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.report-error-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#fff;padding:40px;text-align:center}.error-content{display:flex;align-items:center;gap:20px;margin-bottom:20px}.error-content svg{color:#dc2626;flex-shrink:0}.error-text h4{color:#1f2937;font-size:20px;margin:0 0 10px}.error-text p{color:#6b7280;margin:0}.error-retry-btn{background:#3b82f6;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s ease}.error-retry-btn:hover{background:#2563eb}.empty-state{text-align:center;padding:60px 20px;color:#6b7280}.empty-state p{font-size:16px;margin:0}@media (max-width: 768px){.progress-report-header{padding:15px 20px;flex-direction:column;align-items:stretch}.header-button-group{justify-content:center;flex-wrap:wrap}.report-main-content{padding:20px}.section-header h2{font-size:24px}.executive-summary-grid{grid-template-columns:1fr;gap:25px}.summary-stats{grid-template-columns:repeat(2,1fr);gap:15px}.charts-section{grid-template-columns:1fr;gap:25px}.team-performance-grid{grid-template-columns:1fr;gap:20px}.milestone-metrics{grid-template-columns:1fr;gap:15px}.milestone-details{flex-direction:column;gap:8px}.footer-content{flex-direction:column;text-align:center}}@media (max-width: 480px){.progress-report-header{padding:10px 15px}.report-title-section h2{font-size:20px}.report-main-content{padding:15px}.section-header h2{font-size:20px}.summary-stats{grid-template-columns:1fr;gap:15px}.stat-card{padding:20px}.stat-number{font-size:28px}.status-row{grid-template-columns:100px 1fr 50px;gap:10px}.milestone-card{padding:15px;gap:15px}.member-header{flex-direction:column;gap:15px}.completion-circle{width:50px;height:50px;font-size:12px}}@media print{.no-print{display:none!important}.print-only{display:block!important}.progress-report-page{background:#fff!important;min-height:auto!important}.report-main-content{padding:0!important;box-shadow:none!important;max-width:none!important}.page-break{page-break-before:always}.avoid-break{page-break-inside:avoid}body{margin:0;font-size:12px;-webkit-print-color-adjust:exact;print-color-adjust:exact}.report-section{margin-bottom:40px;padding-bottom:20px}.team-member-card,.milestone-card,.recommendation-card,.attention-card{break-inside:avoid;page-break-inside:avoid;margin-bottom:20px}.section-header h2{font-size:24px}.stat-card,.charts-section{break-inside:avoid}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.report-section,.team-member-card,.milestone-card{animation:fadeIn .3s ease-out}:root{--color-primary: #667eea;--color-primary-dark: #764ba2;--color-secondary: #4ade80;--color-tertiary: #f093fb;--color-accent: #45B7D1;--color-danger: #ef4444;--color-warning: #f59e0b;--color-success: #4ade80;--color-info: #3b82f6;--color-bg-primary: #000000;--color-bg-secondary: #0a0a0a;--color-bg-tertiary: #1a1a1a;--color-surface: rgba(255, 255, 255, .03);--color-surface-hover: rgba(255, 255, 255, .05);--color-surface-active: rgba(255, 255, 255, .08);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-muted: rgba(255, 255, 255, .6);--color-text-disabled: rgba(255, 255, 255, .4);--color-border: rgba(255, 255, 255, .05);--color-border-hover: rgba(255, 255, 255, .1);--color-border-active: rgba(255, 255, 255, .2);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 5rem;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .3), 0 4px 16px rgba(255, 255, 255, .1) inset;--shadow-crystal: 0 20px 40px rgba(0, 0, 0, .4), 0 8px 16px rgba(255, 255, 255, .1) inset;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-luxury: .4s cubic-bezier(.25, .46, .45, .94);--transition-silk: cubic-bezier(.4, 0, .2, 1)}.assessment-page{min-height:100vh;background:var(--color-bg-primary);position:relative;overflow-x:hidden;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif}.assessment-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.15) 0%,transparent 50%);pointer-events:none}.assessment-page:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:2;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle at 75% 75%,rgba(255,255,255,.08) 1px,transparent 1px);background-size:50px 50px,80px 80px;animation:floatParticles 20s linear infinite;pointer-events:none}@keyframes floatParticles{0%{transform:translateY(0) translate(0)}50%{transform:translateY(-10px) translate(5px)}to{transform:translateY(0) translate(0)}}.assessment-container{position:relative;z-index:10;padding:var(--space-xl) var(--space-lg);max-width:1200px;margin:0 auto}.assessment-welcome{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-2xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-crystal);position:relative;overflow:hidden;animation:slideInFromBottom .8s ease-out}.assessment-welcome:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);z-index:-1;border-radius:var(--radius-2xl)}.welcome-header{text-align:center;margin-bottom:var(--space-2xl)}.welcome-title{font-size:var(--font-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.welcome-subtitle{font-size:var(--font-lg);color:var(--color-text-secondary);margin-bottom:var(--space-xl);line-height:1.6}.welcome-info-card{background:var(--color-surface-hover);border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.welcome-info-card p{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:1.6;margin:0}.welcome-form{margin-bottom:var(--space-xl)}.form-label{display:block;font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.form-input{width:100%;padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-base);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-base)}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea33;background:var(--color-surface-hover);transform:translateY(-1px)}.welcome-expectations{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.expectations-title{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.expectations-list{list-style:none;padding:0;margin:0}.expectations-list li{font-size:var(--font-sm);color:var(--color-text-secondary);padding:var(--space-xs) 0;display:flex;align-items:center;gap:var(--space-sm)}.expectations-list li:before{content:"💫";font-size:var(--font-sm);flex-shrink:0}.assessment-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-md);font-size:var(--font-base);font-weight:var(--font-weight-semibold);text-decoration:none;border:none;cursor:pointer;transition:all var(--transition-luxury);position:relative;overflow:hidden;min-height:48px;text-align:center}.assessment-btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-primary);box-shadow:var(--shadow-lg);border:1px solid transparent}.assessment-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .6s ease}.assessment-btn-primary:hover:before{left:100%}.assessment-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.assessment-btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.assessment-btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-1px)}.assessment-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.assessment-btn:disabled:hover:before{left:-100%!important}.btn-spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.assessment-question-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-2xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-crystal);position:relative;overflow:hidden;animation:slideInFromRight .6s ease-out}.question-progress-header{margin-bottom:var(--space-2xl)}.progress-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.progress-title{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.progress-counter{font-size:var(--font-sm);color:var(--color-text-muted);background:var(--color-surface-hover);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);border:1px solid var(--color-border)}.progress-bar-container{width:100%;height:8px;background:var(--color-surface);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-lg);box-shadow:inset 0 2px 4px #0000001a}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-tertiary) 100%);border-radius:var(--radius-full);transition:width var(--transition-slow);position:relative;overflow:hidden}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:progressShimmer 2s infinite}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.strategy-info-card{background:var(--color-surface-hover);border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);padding:var(--space-md);margin-top:var(--space-lg)}.strategy-info-card p{font-size:var(--font-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.strategy-label{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.error-card{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.error-card p{color:#fca5a5;margin:0;font-size:var(--font-sm)}.question-content{margin-bottom:var(--space-2xl)}.question-meta{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap}.question-domain-badge{background:linear-gradient(135deg,var(--color-tertiary) 0%,var(--color-primary) 100%);color:var(--color-text-primary);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:var(--font-weight-medium);text-transform:capitalize}.question-category-badge{background:var(--color-surface-hover);color:var(--color-text-secondary);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-sm);border:1px solid var(--color-border)}.question-title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-md);line-height:1.4}.question-context{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);font-size:var(--font-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-lg)}.answer-options{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-xl)}.answer-option{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-luxury);position:relative;overflow:hidden;text-align:left;width:100%}.answer-option:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);opacity:0;transition:opacity var(--transition-base);border-radius:var(--radius-xl)}.answer-option:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.answer-option:hover:before{opacity:1}.answer-option.selected{border-color:var(--color-primary);background:linear-gradient(135deg,#667eea1a,#764ba21a);box-shadow:var(--shadow-crystal)}.answer-option:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.answer-option-content{display:flex;align-items:flex-start;gap:var(--space-md);position:relative;z-index:1}.answer-option-letter{flex-shrink:0;width:32px;height:32px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);font-weight:var(--font-weight-bold)}.answer-option-text-container{flex:1}.answer-option-text{color:var(--color-text-primary);font-size:var(--font-base);font-weight:var(--font-weight-medium);margin:0;line-height:1.5}.answer-insight{margin-top:var(--space-md);background:var(--color-surface-hover);border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);padding:var(--space-md);animation:slideInFromTop .4s ease-out}.answer-insight p{font-size:var(--font-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.insight-label{font-weight:var(--font-weight-semibold);color:var(--color-accent)}.question-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl);color:var(--color-text-secondary)}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-surface);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.assessment-results{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-2xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-crystal);position:relative;overflow:hidden;animation:slideInFromBottom .8s ease-out}.results-header{text-align:center;margin-bottom:var(--space-2xl)}.results-title{font-size:var(--font-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--color-success) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.results-subtitle{font-size:var(--font-lg);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.results-stats-card{background:var(--color-surface-hover);border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-lg)}.results-stats-card p{font-size:var(--font-sm);color:var(--color-text-secondary);margin:0}.results-tabs{display:flex;border-bottom:2px solid var(--color-border);margin-bottom:var(--space-2xl);gap:0;overflow-x:auto}.results-tab{background:transparent;border:none;padding:var(--space-lg) var(--space-xl);color:var(--color-text-muted);font-size:var(--font-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:relative;white-space:nowrap;display:flex;align-items:center;gap:var(--space-sm)}.results-tab:hover{color:var(--color-text-secondary);background:var(--color-surface)}.results-tab.active{color:var(--color-text-primary);background:var(--color-surface-hover);border-bottom:2px solid var(--color-primary)}.results-tab.active:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-tertiary) 100%)}.results-tab-content{min-height:400px;animation:fadeIn .4s ease-out}.locks-empty-state,.clusters-empty-state,.loops-empty-state,.keys-empty-state{text-align:center;padding:var(--space-4xl);color:var(--color-text-secondary)}.empty-state-title{font-size:var(--font-xl);color:var(--color-text-primary);margin-bottom:var(--space-md)}.empty-state-subtitle{font-size:var(--font-sm);color:var(--color-text-muted);margin:var(--space-sm) 0 0 0}.locks-section-title{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-xl)}.lock-item{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-left:4px solid var(--color-danger);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-xl);position:relative;overflow:hidden}.lock-item:before{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,rgba(239,68,68,.3),transparent)}.lock-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);gap:var(--space-lg)}.lock-item-info h4{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-xs) 0}.lock-category{font-size:var(--font-sm);color:var(--color-text-muted);text-transform:capitalize;margin:0}.lock-confidence{text-align:right;flex-shrink:0}.confidence-score{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);margin:0}.confidence-score.high{color:var(--color-danger)}.confidence-score.medium{color:var(--color-warning)}.confidence-score.low{color:#fbbf24}.confidence-label{font-size:var(--font-xs);color:var(--color-text-muted);margin:0}.lock-description{color:var(--color-text-secondary);font-size:var(--font-base);line-height:1.6;margin-bottom:var(--space-lg)}.lock-evidence{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md)}.evidence-title{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.evidence-list{list-style:none;padding:0;margin:0}.evidence-list li{font-size:var(--font-sm);color:var(--color-text-secondary);padding:var(--space-xs) 0;display:flex;align-items:center;gap:var(--space-sm);line-height:1.4}.evidence-list li:before{content:"";width:8px;height:8px;background:var(--color-accent);border-radius:50%;flex-shrink:0}.cluster-item{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-left:4px solid var(--color-warning);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-xl)}.cluster-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg)}.cluster-info h4{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-xs) 0}.cluster-risk-level{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-warning);text-transform:uppercase;margin:0}.cluster-match{text-align:right}.match-score{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--color-warning);margin:0}.match-label{font-size:var(--font-xs);color:var(--color-text-muted);margin:0}.cluster-description{color:var(--color-text-secondary);margin-bottom:var(--space-lg);line-height:1.6}.cluster-locks-info{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.cluster-locks-title{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.cluster-locks-count{font-size:var(--font-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.cluster-pattern{font-size:var(--font-sm);color:var(--color-warning);font-style:italic;margin:0}.loop-item{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-left:4px solid var(--color-danger);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-xl)}.loop-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg)}.loop-title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.loop-probability{text-align:right}.probability-score{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--color-danger);margin:0}.probability-label{font-size:var(--font-xs);color:var(--color-text-muted);margin:0}.loop-description{color:var(--color-text-secondary);margin-bottom:var(--space-lg);line-height:1.6}.loop-pattern-info{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.loop-pattern-title{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.loop-pattern-chain{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.pattern-lock-tag{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:var(--font-weight-medium)}.pattern-lock-tag.active{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.pattern-lock-tag.inactive{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.pattern-arrow{color:var(--color-text-muted);font-size:var(--font-base)}.key-item{background:#4ade801a;border:1px solid rgba(74,222,128,.2);border-left:4px solid var(--color-success);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-xl)}.key-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);gap:var(--space-lg)}.key-info h4{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-md) 0}.key-badges{display:flex;gap:var(--space-md);margin-top:var(--space-sm)}.difficulty-badge{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:var(--font-weight-medium)}.difficulty-badge.easy{background:#4ade8033;color:#86efac}.difficulty-badge.medium{background:#f59e0b33;color:#fbbf24}.difficulty-badge.hard{background:#ef444433;color:#fca5a5}.timeframe-badge{background:#3b82f633;color:#93c5fd;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:var(--font-weight-medium)}.key-description{color:var(--color-text-secondary);margin-bottom:var(--space-lg);line-height:1.6}.key-targets{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md)}.key-targets-title{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.key-targets-list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.target-lock-tag{padding:var(--space-xs) var(--space-sm);background:var(--color-surface-hover);color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:var(--font-sm);border:1px solid var(--color-border)}.results-actions{display:flex;gap:var(--space-lg);padding-top:var(--space-2xl);border-top:2px solid var(--color-border);margin-top:var(--space-2xl);flex-wrap:wrap}.action-btn{flex:1;min-width:140px}.assessment-btn-success{background:linear-gradient(135deg,var(--color-success) 0%,#22c55e 100%);color:var(--color-text-primary);border:1px solid transparent}.assessment-btn-success:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.assessment-container{padding:var(--space-lg) var(--space-md)}.welcome-title,.results-title{font-size:var(--font-3xl)}.progress-title-row{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.results-tabs{flex-direction:column;border-bottom:none;border-right:2px solid var(--color-border)}.results-tab{border-radius:var(--radius-lg) 0 0 var(--radius-lg);text-align:left;justify-content:flex-start}.results-tab.active{border-bottom:none;border-right:2px solid var(--color-primary)}.lock-item-header,.cluster-item-header,.loop-item-header,.key-item-header{flex-direction:column;gap:var(--space-md)}.key-badges{flex-wrap:wrap}.loop-pattern-chain{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.pattern-arrow{transform:rotate(90deg)}.results-actions{flex-direction:column}.action-btn{min-width:auto}}@media (max-width: 480px){.assessment-container{padding:var(--space-md) var(--space-sm)}.assessment-welcome,.assessment-question-container,.assessment-results{padding:var(--space-lg)}.welcome-title,.results-title{font-size:var(--font-2xl)}.progress-title{font-size:var(--font-xl)}.question-title{font-size:var(--font-lg)}.answer-option{padding:var(--space-md)}.answer-option-content{gap:var(--space-sm)}.answer-option-letter{width:28px;height:28px;font-size:var(--font-xs)}.question-meta{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.results-tabs{gap:var(--space-xs)}.results-tab{padding:var(--space-md);font-size:var(--font-sm)}.locks-section-title{font-size:var(--font-xl)}.lock-item,.cluster-item,.loop-item,.key-item{padding:var(--space-lg)}.confidence-score,.match-score,.probability-score{font-size:var(--font-xl)}}@media (max-width: 360px){.assessment-btn{padding:var(--space-md);font-size:var(--font-sm)}.welcome-title,.results-title{font-size:var(--font-xl)}.answer-option-text{font-size:var(--font-sm)}.key-badges,.key-targets-list{flex-direction:column;gap:var(--space-xs)}}.assessment-btn:focus-visible,.form-input:focus-visible,.answer-option:focus-visible,.results-tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.progress-bar-fill:after,.assessment-page:after,.btn-spinner,.loading-spinner{animation:none!important}.assessment-btn:hover,.answer-option:hover{transform:none!important}}@media (prefers-contrast: high){.assessment-welcome,.assessment-question-container,.assessment-results,.answer-option,.lock-item,.cluster-item,.loop-item,.key-item{border-width:2px}.assessment-btn-primary{background:var(--color-primary)}.answer-option.selected{border-width:3px}}@media print{.assessment-page:before,.assessment-page:after,.progress-bar-fill:after,.assessment-btn:before{display:none!important}.assessment-page{background:#fff!important;color:#000!important}.assessment-container{max-width:none!important;padding:1rem!important}.assessment-btn{display:none!important}.welcome-title,.results-title,.progress-title,.question-title,.locks-section-title{color:#000!important}.lock-item,.cluster-item,.loop-item,.key-item{break-inside:avoid;page-break-inside:avoid}}:root{--color-primary: #667eea;--color-primary-dark: #764ba2;--color-secondary: #4ade80;--color-tertiary: #f093fb;--color-accent: #45B7D1;--color-danger: #ef4444;--color-warning: #f59e0b;--color-success: #4ade80;--color-info: #3b82f6;--color-bg-primary: #000000;--color-bg-secondary: #0a0a0a;--color-bg-tertiary: #1a1a1a;--color-surface: rgba(255, 255, 255, .03);--color-surface-hover: rgba(255, 255, 255, .05);--color-surface-active: rgba(255, 255, 255, .08);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-muted: rgba(255, 255, 255, .6);--color-text-disabled: rgba(255, 255, 255, .4);--color-border: rgba(255, 255, 255, .05);--color-border-hover: rgba(255, 255, 255, .1);--color-border-active: rgba(255, 255, 255, .2);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 5rem;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-5xl: 3rem;--font-6xl: 3.75rem;--font-7xl: 4.5rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--font-weight-thin: 100;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--z-negative: -1;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-notification: 800;--z-max: 999;--breakpoint-xs: 375px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:var(--font-base);line-height:var(--leading-normal);color:var(--color-text-primary);background:var(--color-bg-primary);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-normal);line-height:var(--leading-tight);color:var(--color-text-primary)}h1{font-size:var(--font-5xl)}h2{font-size:var(--font-4xl)}h3{font-size:var(--font-3xl)}h4{font-size:var(--font-2xl)}h5{font-size:var(--font-xl)}h6{font-size:var(--font-lg)}p{line-height:var(--leading-relaxed);color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}.container{width:100%;max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-lg)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-xl{max-width:var(--container-xl)}.glass{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border)}.gradient-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%)}.gradient-success{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%)}.gradient-vibrant{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 50%,var(--color-tertiary) 100%)}.gradient-text{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 50%,var(--color-tertiary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;display:inline-block;font-weight:var(--font-weight-bold)}.gradient-mesh{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,rgba(102,126,234,.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(74,222,128,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(245,93,251,.05) 0%,transparent 70%);animation:meshRotate 30s ease-in-out infinite}.gradient-orbs{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(102,126,234,.15) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(74,222,128,.15) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(245,93,251,.1) 0%,transparent 50%);animation:orbFloat 20s ease-in-out infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-full);font-size:var(--font-base);font-weight:var(--font-weight-semibold);line-height:1;text-decoration:none;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #667eea4d}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-hover)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:1px solid transparent}.btn-ghost:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-border)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #ef44444d}.btn-xs{padding:var(--space-xs) var(--space-md);font-size:var(--font-xs)}.btn-sm{padding:var(--space-sm) var(--space-lg);font-size:var(--font-sm)}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:var(--font-lg)}.btn-xl{padding:var(--space-lg) var(--space-3xl);font-size:var(--font-xl)}.btn-loading{color:transparent;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.btn-icon{width:44px;height:44px;padding:0;border-radius:50%}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;margin-bottom:var(--space-sm);font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-base);font-family:inherit;transition:all var(--transition-base);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-disabled)}.form-input:focus,.form-select:focus,.form-textarea:focus{background:var(--color-surface-hover);border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.form-textarea{resize:vertical;min-height:120px}.form-input-error{border-color:var(--color-danger)}.form-input-error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef44441a}.form-error{font-size:var(--font-sm);color:var(--color-danger);margin-top:var(--space-xs)}.form-checkbox,.form-radio{width:20px;height:20px;accent-color:var(--color-primary);cursor:pointer}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--transition-base)}.card:hover{border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.card-title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);margin:0}.card-body{color:var(--color-text-secondary)}.card-footer{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.badge-primary{background:#667eea1a;border-color:var(--color-primary);color:var(--color-primary)}.badge-success{background:#4ade801a;border-color:var(--color-success);color:var(--color-success)}.badge-danger{background:#ef44441a;border-color:var(--color-danger);color:var(--color-danger)}.badge-warning{background:#f59e0b1a;border-color:var(--color-warning);color:var(--color-warning)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);animation:fadeIn .3s ease;padding:var(--space-lg)}.modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-2xl);max-width:600px;width:100%;max-height:90vh;overflow:auto;position:relative;z-index:var(--z-modal);animation:modalSlideIn .3s ease}.modal-header{padding:var(--space-xl);border-bottom:1px solid var(--color-border)}.modal-body{padding:var(--space-xl)}.modal-footer{padding:var(--space-xl);border-top:1px solid var(--color-border);display:flex;gap:var(--space-md);justify-content:flex-end}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);width:32px;height:32px;border-radius:50%;background:var(--color-surface);border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;left:0;min-width:200px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-sm);margin-top:var(--space-xs);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);opacity:0;transform:translateY(-10px);pointer-events:none;transition:all var(--transition-fast)}.dropdown.open .dropdown-menu{opacity:1;transform:translateY(0);pointer-events:auto}.dropdown-item{display:block;width:100%;padding:var(--space-sm) var(--space-md);color:var(--color-text-secondary);text-align:left;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.dropdown-item:hover{background:var(--color-surface);color:var(--color-text-primary)}.dropdown-divider{height:1px;background:var(--color-border);margin:var(--space-sm) 0}.tooltip{position:relative;display:inline-block}.tooltip-content{position:absolute;bottom:calc(100% + var(--space-sm));left:50%;transform:translate(-50%);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-fast);z-index:var(--z-tooltip)}.tooltip:hover .tooltip-content{opacity:1}.toast-container{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:var(--z-notification);display:flex;flex-direction:column;gap:var(--space-md)}.toast{min-width:300px;padding:var(--space-md) var(--space-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:var(--space-md);animation:toastSlideIn .3s ease}.toast-success{border-left:4px solid var(--color-success)}.toast-error{border-left:4px solid var(--color-danger)}.toast-warning{border-left:4px solid var(--color-warning)}.toast-info{border-left:4px solid var(--color-info)}.skeleton{background:linear-gradient(90deg,var(--color-surface) 0%,var(--color-surface-hover) 50%,var(--color-surface) 100%);background-size:200% 100%;animation:skeleton 1.5s ease infinite;border-radius:var(--radius-sm)}.skeleton-text{height:16px;margin-bottom:var(--space-sm)}.skeleton-title{height:24px;width:60%;margin-bottom:var(--space-md)}.skeleton-avatar{width:48px;height:48px;border-radius:50%}.spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-lg{width:40px;height:40px;border-width:3px}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay)}.progress{height:8px;background:var(--color-surface);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);transition:width var(--transition-slow);position:relative}.progress-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}.progress-circle{width:120px;height:120px;position:relative}.progress-circle svg{transform:rotate(-90deg)}.progress-circle-bg{fill:none;stroke:var(--color-surface);stroke-width:8}.progress-circle-fill{fill:none;stroke:url(#progress-gradient);stroke-width:8;stroke-linecap:round;stroke-dasharray:339.292;stroke-dashoffset:339.292;transition:stroke-dashoffset var(--transition-slow)}.progress-circle-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-2xl);font-weight:var(--font-weight-bold)}.pagination{display:flex;align-items:center;gap:var(--space-xs)}.pagination-item{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0 var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast);cursor:pointer}.pagination-item:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.pagination-item.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination-item:disabled{opacity:.5;cursor:not-allowed}.search-container{position:relative;width:100%;max-width:400px}.search-input{width:100%;padding:var(--space-md) var(--space-lg);padding-left:calc(var(--space-lg) + 24px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);font-size:var(--font-base);transition:all var(--transition-base);outline:none}.search-input:focus{background:var(--color-surface-hover);border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.search-icon{position:absolute;left:var(--space-lg);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.search-clear{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:var(--color-surface);border:none;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-fast)}.search-input:not(:placeholder-shown)~.search-clear{opacity:1}.file-upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base)}.file-upload:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.file-upload.drag-over{background:var(--color-surface-active);border-color:var(--color-primary)}.file-upload-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.file-upload-icon{font-size:48px;color:var(--color-text-muted);margin-bottom:var(--space-md)}.file-upload-text{font-size:var(--font-base);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.file-upload-hint{font-size:var(--font-sm);color:var(--color-text-muted)}.tabs{display:flex;gap:var(--space-xs);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-xl)}.tab{padding:var(--space-md) var(--space-lg);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-size:var(--font-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);position:relative}.tab:hover{color:var(--color-text-secondary)}.tab.active{color:var(--color-text-primary);border-bottom-color:var(--color-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes meshRotate{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}}@keyframes orbFloat{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}}@keyframes floatSymbol{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-30px) rotate(120deg)}66%{transform:translateY(30px) rotate(240deg)}}@keyframes onlinePulse{0%,to{transform:scale(1);box-shadow:0 0 #4ade8066}50%{transform:scale(1.1);box-shadow:0 0 0 10px #4ade8000}}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.hidden{display:none!important}.block{display:block!important}.inline-block{display:inline-block!important}.inline{display:inline!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.grid{display:grid!important}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.gap-0{gap:0}.gap-1{gap:var(--space-sm)}.gap-2{gap:var(--space-md)}.gap-3{gap:var(--space-lg)}.gap-4{gap:var(--space-xl)}.gap-5{gap:var(--space-2xl)}.gap-6{gap:var(--space-3xl)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-sm)}.mt-2{margin-top:var(--space-md)}.mt-3{margin-top:var(--space-lg)}.mt-4{margin-top:var(--space-xl)}.mt-5{margin-top:var(--space-2xl)}.mt-6{margin-top:var(--space-3xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-sm)}.mb-2{margin-bottom:var(--space-md)}.mb-3{margin-bottom:var(--space-lg)}.mb-4{margin-bottom:var(--space-xl)}.mb-5{margin-bottom:var(--space-2xl)}.mb-6{margin-bottom:var(--space-3xl)}.ml-0{margin-left:0}.ml-1{margin-left:var(--space-sm)}.ml-2{margin-left:var(--space-md)}.ml-3{margin-left:var(--space-lg)}.ml-4{margin-left:var(--space-xl)}.mr-0{margin-right:0}.mr-1{margin-right:var(--space-sm)}.mr-2{margin-right:var(--space-md)}.mr-3{margin-right:var(--space-lg)}.mr-4{margin-right:var(--space-xl)}.p-0{padding:0}.p-1{padding:var(--space-sm)}.p-2{padding:var(--space-md)}.p-3{padding:var(--space-lg)}.p-4{padding:var(--space-xl)}.p-5{padding:var(--space-2xl)}.p-6{padding:var(--space-3xl)}.pt-0{padding-top:0}.pt-1{padding-top:var(--space-sm)}.pt-2{padding-top:var(--space-md)}.pt-3{padding-top:var(--space-lg)}.pt-4{padding-top:var(--space-xl)}.pt-5{padding-top:var(--space-2xl)}.pt-6{padding-top:var(--space-3xl)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--space-sm)}.pb-2{padding-bottom:var(--space-md)}.pb-3{padding-bottom:var(--space-lg)}.pb-4{padding-bottom:var(--space-xl)}.pb-5{padding-bottom:var(--space-2xl)}.pb-6{padding-bottom:var(--space-3xl)}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.min-w-0{min-width:0}.min-h-0{min-height:0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:var(--font-xs)}.text-sm{font-size:var(--font-sm)}.text-base{font-size:var(--font-base)}.text-lg{font-size:var(--font-lg)}.text-xl{font-size:var(--font-xl)}.text-2xl{font-size:var(--font-2xl)}.text-3xl{font-size:var(--font-3xl)}.text-4xl{font-size:var(--font-4xl)}.text-5xl{font-size:var(--font-5xl)}.font-thin{font-weight:var(--font-weight-thin)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.static{position:static}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-wait{cursor:wait}.cursor-default{cursor:default}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.transition-none{transition:none}.transition-all{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}*{scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-bg-secondary)}:focus{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:var(--color-primary);color:#fff}::-moz-selection{background:var(--color-primary);color:#fff}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.grid-cols-1-mobile{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2-mobile{grid-template-columns:repeat(2,minmax(0,1fr))}.text-sm-mobile{font-size:var(--font-sm)}.text-base-mobile{font-size:var(--font-base)}.text-lg-mobile{font-size:var(--font-lg)}}@media print{body{background:#fff;color:#000}.no-print{display:none!important}.page-break-before{page-break-before:always}.page-break-after{page-break-after:always}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.focus-within:focus-within{box-shadow:0 0 0 3px #667eea1a}.skip-to-content{position:absolute;top:-40px;left:0;background:var(--color-primary);color:#fff;padding:var(--space-sm) var(--space-md);text-decoration:none;border-radius:var(--radius-sm);z-index:var(--z-max)}.skip-to-content:focus{top:var(--space-sm)}.navbar{position:fixed;top:0;left:0;right:0;height:70px;background:#000000f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);z-index:1000}.nav-container{height:100%;max-width:1400px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.nav-logo{text-decoration:none;color:inherit}.nav-links{display:flex;align-items:center;gap:32px}.nav-link{color:#fffc;text-decoration:none;font-weight:500;transition:color .15s ease}.nav-link:hover{color:#fff}.nav-user-menu{display:flex;align-items:center;gap:16px}.nav-user-avatar{width:36px;height:36px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.logout-btn{padding:8px 16px;font-size:14px}.nav-signup{padding:10px 20px;font-size:14px}.mobile-menu-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;border-radius:8px;transition:background-color .15s ease}.mobile-menu-toggle:active{background:#ffffff0d}.menu-line{position:relative;width:24px;height:2px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:1px}.menu-line:before,.menu-line:after{content:"";position:absolute;left:0;width:100%;height:2px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:1px}.menu-line:before{top:-8px}.menu-line:after{bottom:-8px}.mobile-menu-toggle.active .menu-line{background:transparent}.mobile-menu-toggle.active .menu-line:before{transform:rotate(45deg);top:0}.mobile-menu-toggle.active .menu-line:after{transform:rotate(-45deg);bottom:0}.mobile-menu-overlay{position:fixed;top:70px;left:0;right:0;bottom:0;background:#000000fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:999;padding:24px 16px;overflow-y:auto;-webkit-overflow-scrolling:touch;display:none}.mobile-menu-overlay.active{transform:translate(0)}.mobile-menu-item{display:block;padding:16px 0;color:#fff;font-size:18px;font-weight:500;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.1);transition:all .15s ease;position:relative}.mobile-menu-item:hover,.mobile-menu-item:active{color:#667eea;transform:translate(4px)}.mobile-menu-item:before{content:"";position:absolute;left:-16px;top:0;bottom:0;width:3px;background:#667eea;transform:scaleY(0);transition:transform .15s ease}.mobile-menu-item:hover:before{transform:scaleY(1)}.mobile-menu-cta{margin-top:32px;padding-top:32px;border-top:1px solid rgba(255,255,255,.1)}.mobile-menu-action{display:block;width:100%;background:transparent;border:1px solid rgba(255,255,255,.2);padding:16px;border-radius:12px;color:#fffc;font-size:16px;text-align:center;cursor:pointer;transition:all .15s ease;margin-top:12px;text-decoration:none}.mobile-menu-action:hover,.mobile-menu-action:active{background:#ffffff0d;color:#fff;border-color:#ffffff4d}.mobile-menu-backdrop{display:none}@media (min-width: 769px){.mobile-only{display:none!important}.desktop-only{display:flex!important}}@media (max-width: 768px){.nav-container{padding:0 16px}.nav-logo h1{font-size:24px!important}.nav-logo span{font-size:10px!important}.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-menu-toggle{display:flex!important}.mobile-menu-overlay,.mobile-menu-backdrop{display:block!important}.main-content{padding-top:70px}}.mobile-only{display:none}.desktop-only{display:block}