._loginPage_126o3_2{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:20px}._bgGradient_126o3_13{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,#1a1a2e,#000 70%);z-index:-2}._orb_126o3_24{position:absolute;border-radius:50%;filter:blur(40px);opacity:.4;animation:_float_126o3_1 20s infinite ease-in-out}._orb1_126o3_32{width:400px;height:400px;background:#667eea;top:-200px;left:-200px;animation-duration:25s}._orb2_126o3_41{width:300px;height:300px;background:#764ba2;bottom:-150px;right:-150px;animation-duration:30s;animation-delay:-5s}@keyframes _float_126o3_1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}._container_126o3_64{width:100%;max-width:480px;padding:20px;z-index:1}._logoSection_126o3_72{text-align:center;margin-bottom:60px}._logo_126o3_72{height:50px;width:auto;display:block;margin:0 auto}._tagline_126o3_84{color:#fff9;font-size:16px;font-weight:300;margin-top:10px}._formCard_126o3_92{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:50px;box-shadow:0 20px 40px #00000080}._formHeader_126o3_101{text-align:center;margin-bottom:40px}._formTitle_126o3_106{font-size:28px;font-weight:300;margin-bottom:10px;letter-spacing:-1px;color:#fff}._formSubtitle_126o3_114{color:#fff9;font-size:16px;font-weight:300}._form_126o3_92{display:flex;flex-direction:column;gap:25px}._formGroup_126o3_127{display:flex;flex-direction:column}._label_126o3_132{display:block;margin-bottom:10px;font-size:14px;font-weight:400;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px}._inputWrapper_126o3_142{position:relative}._input_126o3_142{width:100%;padding:15px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:16px;transition:all .3s ease;outline:none}._input_126o3_142:focus{border-color:#667eea;background:#ffffff14}._input_126o3_142::placeholder{color:#ffffff4d}._inputHint_126o3_167{display:block;margin-top:4px;font-size:12px;color:#ffffff80}._passwordToggle_126o3_174{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffff80;cursor:pointer;font-size:20px;transition:color .3s ease}._passwordToggle_126o3_174:hover{color:#fffc}._formOptions_126o3_192{display:flex;justify-content:space-between;align-items:center;font-size:14px}._rememberMe_126o3_199{display:flex;align-items:center;gap:10px;color:#fff9}._checkbox_126o3_206{width:18px;height:18px;accent-color:#667eea;cursor:pointer}._forgotLink_126o3_213{color:#667eea;text-decoration:none;transition:color .3s ease}._forgotLink_126o3_213:hover{color:#764ba2}._submitBtn_126o3_224{width:100%;padding:18px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:500;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}._submitBtn_126o3_224:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #667eea4d}._submitBtn_126o3_224:disabled{opacity:.7;cursor:not-allowed;transform:none}._spinner_126o3_253{display:inline-flex;align-items:center;gap:8px}._spinner_126o3_253:before{content:"";width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:_spin_126o3_253 1s linear infinite}@keyframes _spin_126o3_253{to{transform:rotate(360deg)}}._divider_126o3_274{text-align:center;margin:30px 0;position:relative}._divider_126o3_274:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ffffff1a}._divider_126o3_274 span{background:#000c;padding:0 20px;position:relative;color:#fff6;font-size:14px;text-transform:uppercase;letter-spacing:1px}._socialLogin_126o3_301{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}._socialBtn_126o3_307{padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff05;color:#fffc;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}._socialBtn_126o3_307:hover:not(:disabled){border-color:#ffffff4d;background:#ffffff0d}._socialBtn_126o3_307:disabled{opacity:.6;cursor:not-allowed}._appleBtn_126o3_334{background:#ffffff08;border-color:#ffffff1f}._appleBtn_126o3_334:hover:not(:disabled){background:#ffffff14;border-color:#ffffff40;box-shadow:0 4px 20px #ffffff1a}._socialBtn_126o3_307 svg{width:18px;height:18px;flex-shrink:0}._signupSection_126o3_352{text-align:center;margin-top:30px;padding-top:30px;border-top:1px solid rgba(255,255,255,.05)}._signupText_126o3_359{color:#fff9;font-size:14px}._signupLink_126o3_364{color:#667eea;text-decoration:none;font-weight:500;transition:color .3s ease}._signupLink_126o3_364:hover{color:#764ba2}._errorMsg_126o3_376,._successMsg_126o3_376{padding:15px 20px;border-radius:8px;margin-bottom:20px;text-align:center;font-size:14px;animation:_messageSlide_126o3_1 .3s ease}@keyframes _messageSlide_126o3_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._errorMsg_126o3_376{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}._successMsg_126o3_376{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}@media (max-width: 768px){._loginPage_126o3_2{padding:20px 10px!important;min-height:100vh;display:flex;align-items:center}._orb_126o3_24{display:none!important}._container_126o3_64{width:100%!important;max-width:100%!important;padding:0!important}._logoSection_126o3_72{margin-bottom:30px!important}._logoSection_126o3_72 h1{font-size:28px!important}._tagline_126o3_84{font-size:14px!important}._formCard_126o3_92{padding:30px 20px!important;border-radius:20px!important;margin:0!important}._formHeader_126o3_101{margin-bottom:30px!important}._formTitle_126o3_106{font-size:24px!important}._formSubtitle_126o3_114{font-size:14px!important}._form_126o3_92{gap:20px!important}._label_126o3_132{font-size:12px!important;margin-bottom:8px!important}._input_126o3_142{padding:16px!important;font-size:16px!important;min-height:48px!important}._passwordToggle_126o3_174{right:16px!important}._formOptions_126o3_192{margin:16px 0!important;flex-direction:column;align-items:flex-start;gap:12px}._rememberMe_126o3_199,._forgotLink_126o3_213{font-size:14px!important}._submitBtn_126o3_224{padding:18px!important;font-size:17px!important;min-height:56px!important}._socialLogin_126o3_301{grid-template-columns:1fr!important;gap:12px!important}._socialBtn_126o3_307{padding:16px!important;font-size:16px!important;min-height:48px!important}._errorMsg_126o3_376,._successMsg_126o3_376{padding:12px 16px!important;font-size:14px!important;margin-bottom:16px!important}._signupSection_126o3_352{margin-top:20px!important;padding-top:20px!important}._signupText_126o3_359{font-size:14px!important}}@media (max-width: 768px) and (orientation: landscape){._loginPage_126o3_2{padding:10px!important}._logoSection_126o3_72{margin-bottom:20px!important}._logoSection_126o3_72 h1{font-size:24px!important}._formCard_126o3_92{padding:20px!important}._form_126o3_92{gap:16px!important}}@media (max-width: 375px){._formCard_126o3_92{padding:20px 15px!important}._formTitle_126o3_106{font-size:22px!important}._socialBtn_126o3_307{font-size:14px!important;padding:14px!important}._logoSection_126o3_72 h1{font-size:26px!important}}@media (min-width: 769px) and (max-width: 1024px){._container_126o3_64{max-width:500px}._formCard_126o3_92{padding:40px}._socialLogin_126o3_301{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){._container_126o3_64{max-width:520px}._formCard_126o3_92{padding:60px}}@supports (-webkit-touch-callout: none){._input_126o3_142{font-size:16px!important}}@media (prefers-color-scheme: dark){._input_126o3_142{background:#ffffff0d}._input_126o3_142:focus{background:#ffffff14}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}._orb_126o3_24{animation:none!important}}@media (prefers-contrast: high){._input_126o3_142{border-color:#ffffff4d}._input_126o3_142:focus{border-color:#667eea;outline:2px solid #667eea}._socialBtn_126o3_307{border-color:#ffffff4d}}.signup-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:10px 20px;position:relative;overflow:hidden;background:#000}.signup-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.auth-check-loading{text-align:center;padding:60px 40px}.auth-check-loading .loading-spinner{font-size:32px;color:#667eea;margin-bottom:20px;display:inline-block;animation:spin 1s linear infinite}.auth-check-loading h2{font-size:24px;font-weight:300;color:#fff;margin-bottom:8px}.auth-check-loading p{font-size:14px;color:#fff9;margin:0}.signup-container{position:relative;z-index:1;width:100%;max-width:800px;background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:32px;padding:15px 30px;box-shadow:0 20px 60px #00000080}.signup-container.initial{max-width:600px;padding:40px}.signup-header{text-align:center;margin-bottom:10px}.signup-title{font-size:32px;font-weight:200;letter-spacing:-.03em;margin-bottom:2px;line-height:1}.signup-subtitle{font-size:14px;color:#ffffffb3;line-height:1.1;margin:0}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:8px 16px;border-radius:12px;margin-bottom:12px;text-align:center;animation:shake .5s ease;font-size:14px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-message.account-conflict{background:#ffa5001a;border-color:#ffa5004d;color:orange}.error-message.account-conflict:before{content:"⚠️ ";margin-right:8px}.form-section{margin-bottom:8px}.section-label{font-size:16px;font-weight:300;margin-bottom:4px;color:#fff}.section-hint{font-size:12px;color:#fff9;margin-bottom:4px}.user-type-section{margin-bottom:20px}.user-type-container{display:grid;grid-template-columns:1fr 1fr;gap:16px}.user-type-card{background:#ffffff05;border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:20px 16px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.user-type-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(102,126,234,.1) 100%);opacity:0;transition:opacity .3s ease}.user-type-card:hover:before{opacity:1}.user-type-card:hover{transform:translateY(-4px);border-color:#fff3}.user-type-card.selected{background:#667eea1a;border-color:#667eea;transform:scale(1.02)}.type-icon{font-size:32px;font-weight:300;color:#667eea;margin-bottom:4px;line-height:1}.user-type-card h4{font-size:18px;font-weight:500;margin-bottom:2px;color:#fff;line-height:1}.user-type-card p{font-size:13px;color:#ffffffb3;line-height:1.2;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.form-group{position:relative;margin-bottom:8px}.form-input,.form-select{width:100%;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:14px;transition:all .3s ease;outline:none}.form-input::placeholder{color:#fff6}.form-input:focus,.form-select:focus{background:#ffffff14;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-textarea{width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:14px;transition:all .3s ease;outline:none;resize:vertical;min-height:80px;font-family:inherit}.form-textarea::placeholder{color:#fff6}.form-textarea:focus{background:#ffffff14;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-hint{display:block;margin-top:2px;font-size:11px;color:#ffffff80}.password-strength{margin-top:4px}.strength-bar{height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden}.strength-fill{height:100%;transition:all .3s ease}.age-group-container{margin-bottom:0}.form-select{cursor:pointer}.form-select option{background:#1a1a1a;color:#fff}.skills-container{display:flex;flex-direction:column;gap:12px;perspective:1000px;transform-style:preserve-3d}.skill-category{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:12px 16px}.category-label{font-size:14px;font-weight:500;color:#667eea;margin-bottom:8px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.skill-chip{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:8px 16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;min-height:36px;text-align:center}.skill-chip:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-2px)}.skill-chip.selected{background:linear-gradient(135deg,#667eea33,#4ade8033);border-color:#667eea;color:#fff}.skill-symbol{font-size:20px;font-weight:700;color:#4ade80;display:inline-block;animation:symbol3D 20s ease-in-out infinite;transform-style:preserve-3d;perspective:1000px;text-shadow:0 2px 10px rgba(74,222,128,.3)}.skill-chip:nth-child(1) .skill-symbol{animation:symbol3D-1 25s ease-in-out infinite}.skill-chip:nth-child(2) .skill-symbol{animation:symbol3D-2 30s ease-in-out infinite;animation-delay:2s}.skill-chip:nth-child(3) .skill-symbol{animation:symbol3D-3 22s ease-in-out infinite;animation-delay:4s}.skill-chip:nth-child(4) .skill-symbol{animation:symbol3D-1 28s ease-in-out infinite;animation-delay:6s}.skill-chip:hover .skill-symbol{animation:symbol3DHover 8s linear infinite}@keyframes symbol3D-1{0%,to{transform:rotateX(0) rotateY(0) rotate(0)}25%{transform:rotateX(30deg) rotateY(180deg) rotate(15deg)}50%{transform:rotateX(-20deg) rotateY(360deg) rotate(-10deg)}75%{transform:rotateX(15deg) rotateY(180deg) rotate(20deg)}}@keyframes symbol3D-2{0%,to{transform:rotateX(0) rotateY(0) rotate(0)}33%{transform:rotateX(180deg) rotateY(45deg) rotate(10deg)}66%{transform:rotateX(360deg) rotateY(-45deg) rotate(-10deg)}}@keyframes symbol3D-3{0%,to{transform:rotateX(0) rotateY(0) rotate(0)}20%{transform:rotateX(45deg) rotateY(90deg) rotate(0)}40%{transform:rotateX(-45deg) rotateY(180deg) rotate(45deg)}60%{transform:rotateX(90deg) rotateY(270deg) rotate(-45deg)}80%{transform:rotateX(-90deg) rotateY(360deg) rotate(0)}}@keyframes symbol3DHover{0%{transform:rotateX(0) rotateY(0) rotate(0)}to{transform:rotateX(360deg) rotateY(360deg) rotate(360deg)}}.skill-name{color:#ffffffe6}.form-actions{margin-top:16px}.submit-button{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#4ade80);border:none;border-radius:16px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.submit-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.submit-button:hover:before{width:400px;height:400px}.submit-button:hover{transform:translateY(-2px);box-shadow:0 20px 40px #667eea4d}.submit-button:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{display:inline-block;animation:spin 1s linear infinite}.signup-footer{text-align:center;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.signup-footer p{color:#fff9;font-size:14px;margin:0}.login-link{color:#667eea;text-decoration:none;margin-left:8px;font-weight:500;transition:all .3s ease}.login-link:hover{color:#4ade80;text-decoration:underline}.success-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#4ade80f2,#667eeaf2);color:#fff;padding:16px 32px;border-radius:16px;font-size:18px;font-weight:600;box-shadow:0 20px 60px #00000080;z-index:9999;animation:successPop .5s ease forwards,fadeOutSuccess .5s ease 1s forwards;pointer-events:none}@keyframes successPop{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes fadeOutSuccess{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.signup-options{margin-top:16px}.signup-options .section-label{font-size:16px;color:#fffc;margin-bottom:12px;text-align:center}.signup-method{width:100%;padding:12px 20px;margin-bottom:12px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;position:relative}.signup-method:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.signup-method:disabled{opacity:.6;cursor:not-allowed;transform:none}.signup-method.apple{background:#ffffff14;border-color:#ffffff26}.signup-method.apple:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff4d;box-shadow:0 4px 20px #ffffff1a}.signup-method.google{background:#ffffff14;border-color:#ffffff26}.signup-method.google:hover:not(:disabled){background:#ffffff1f;border-color:#4285f4;box-shadow:0 4px 20px #4285f44d}.signup-method.email{background:#667eea1a;border-color:#667eea4d}.signup-method.email:hover:not(:disabled){background:#667eea26;border-color:#667eea;box-shadow:0 4px 20px #667eea4d}.signup-method svg{width:18px;height:18px;flex-shrink:0}.email-icon{font-size:18px;font-weight:700;color:#667eea}.method-note{position:absolute;right:20px;font-size:11px;color:#ffffff80}.divider-text{text-align:center;margin:12px 0;color:#fff6;font-size:13px;position:relative}.divider-text:before,.divider-text:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#ffffff1a}.divider-text:before{left:0}.divider-text:after{right:0}.back-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc;padding:4px 10px;border-radius:8px;font-size:20px;cursor:pointer;transition:all .3s ease;margin-bottom:4px;display:inline-flex;align-items:center;gap:4px}.back-button:hover{background:#ffffff14;color:#fff;transform:translate(-4px)}.signup-form{margin:0;padding:0}.signup-form *{margin-top:0;margin-bottom:0}.form-section:last-child{margin-bottom:0}.coming-soon-badge{position:absolute;top:8px;right:8px;background:#f55dfb33;color:#f093fb;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.availability-badge{position:absolute;top:8px;right:8px;background:#4ade8033;color:#4ade80;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.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:20px;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:0;max-width:480px;width:100%;box-shadow:0 20px 60px #00000080;animation:modalSlideIn .3s ease;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:24px}.modal-header h3{font-size:20px;font-weight:600;color:#fff;margin:0}.modal-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:14px}.modal-close:hover{background:#ffffff1a;color:#fff;transform:scale(1.1)}.modal-content{padding:0 24px 24px;text-align:center}.modal-icon{font-size:48px;margin-bottom:16px;animation:bounce 2s ease-in-out infinite}.modal-message{font-size:16px;color:#fffc;line-height:1.5;margin-bottom:24px}.modal-suggestions{text-align:center}.modal-suggestions h4{font-size:16px;font-weight:500;color:#fff;margin-bottom:16px}.modal-actions{display:flex;flex-direction:column;gap:12px}.modal-btn{padding:14px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:flex;align-items:center;justify-content:center;border:none}.modal-btn.btn-primary{background:linear-gradient(135deg,#667eea,#4ade80);color:#fff}.modal-btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea4d}.modal-btn.btn-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc}.modal-btn.btn-secondary:hover{background:#ffffff14;border-color:#fff3;color:#fff}.modal-open{overflow:hidden}@media (max-width: 768px){.signup-page{padding:10px;min-height:100vh}.signup-container{padding:20px!important;border-radius:20px!important;margin:10px auto;max-width:100%}.signup-container.initial{padding:30px 20px!important}.signup-header{margin-bottom:20px}.signup-title{font-size:24px!important}.signup-subtitle{font-size:13px!important}.auth-check-loading{padding:40px 20px}.auth-check-loading .loading-spinner{font-size:28px}.auth-check-loading h2{font-size:20px}.form-grid{grid-template-columns:1fr!important;gap:12px!important}.form-input,.form-select{padding:16px!important;font-size:16px!important;min-height:48px}.form-textarea{padding:16px!important;font-size:16px!important}.user-type-container{grid-template-columns:1fr!important}.user-type-card{padding:20px!important;min-height:auto}.skills-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.skill-chip{padding:12px 8px!important;font-size:13px!important}.skill-symbol{font-size:18px!important}.submit-button{padding:18px!important;font-size:17px!important}.signup-method{padding:16px!important;font-size:16px!important}.method-note{display:none}.modal-container{margin:20px;max-width:calc(100vw - 40px)}.modal-header{padding:20px 20px 0}.modal-content{padding:0 20px 20px}.modal-actions{gap:10px}.modal-btn{padding:16px;font-size:16px}}@media (max-width: 375px){.signup-container{padding:15px!important}.signup-container.initial{padding:20px 15px!important}.skills-grid{grid-template-columns:1fr!important}.signup-method{padding:14px!important;font-size:14px!important}.auth-check-loading{padding:30px 15px}}.profile-setup-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e)}.gradient-mesh{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(74,222,128,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(240,147,251,.05) 0%,transparent 50%);animation:meshRotate 60s ease-in-out infinite}@keyframes meshRotate{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.02) rotate(180deg)}}.floating-symbols{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.2}.symbol{position:absolute;font-size:24px;color:#667eea4d;font-weight:700;animation:floatSymbol 30s ease-in-out infinite}.symbol-1{top:15%;left:10%;animation-delay:0s}.symbol-2{top:25%;right:15%;animation-delay:10s}.symbol-3{bottom:30%;left:20%;animation-delay:20s}@keyframes floatSymbol{0%,to{transform:translate(0) rotate(0);opacity:.2}50%{transform:translate(30px,-30px) rotate(180deg);opacity:.4}}.setup-container{position:relative;z-index:1;width:100%;max-width:900px;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px;box-shadow:0 20px 40px #0000004d}.setup-title{font-size:clamp(28px,5vw,36px);font-weight:600;letter-spacing:-.02em;margin-bottom:12px;color:#fff}.gradient-text{background:linear-gradient(135deg,#667eea,#4ade80,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.setup-subtitle{font-size:16px;color:#b0b0b0;max-width:600px;margin:0 auto;line-height:1.5}.progress-container{margin-bottom:40px}.progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:24px;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#4ade80,#f093fb);transition:width .8s cubic-bezier(.4,0,.2,1);border-radius:4px;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:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.progress-steps{display:flex;justify-content:space-between;gap:8px}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.4;transition:all .4s ease;flex:1;min-width:0}.progress-step.active{opacity:1}.progress-step.current{transform:scale(1.05);opacity:1}.step-icon{width:48px;height:48px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;transition:all .4s ease;color:#b0b0b0}.progress-step.active .step-icon{background:#667eea33;border-color:#667eea;color:#667eea}.progress-step.current .step-icon{background:linear-gradient(135deg,#667eea,#4ade80);border-color:#4ade80;color:#fff;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #667eea66}50%{transform:scale(1.05);box-shadow:0 0 0 8px #667eea00}}.step-label{font-size:12px;color:#888;text-align:center;line-height:1.2;font-weight:500}.progress-step.active .step-label{color:#b0b0b0}.progress-step.current .step-label{color:#fff;font-weight:600}.step-content{min-height:450px;display:flex;flex-direction:column}.step-panel{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1);flex:1}.step-title{display:flex;align-items:center;gap:16px;font-size:24px;font-weight:600;margin-bottom:32px;color:#fff}.title-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#667eea33;border-radius:12px;font-size:24px;color:#667eea;font-weight:700}.intro-content{text-align:center}.assessment-description{font-size:18px;color:#d0d0d0;line-height:1.6;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}.assessment-actions{display:flex;justify-content:center;margin-top:32px}.start-assessment-btn{background:linear-gradient(135deg,#667eea,#4ade80);color:#fff;border:none;padding:16px 32px;border-radius:16px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;box-shadow:0 8px 25px #667eea4d}.start-assessment-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #667eea66}.btn-arrow{font-size:16px;transition:transform .3s ease}.assessment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.progress-text{color:#b0b0b0;font-size:14px;font-weight:500}.assessment-meta{display:flex;align-items:center;gap:12px}.category-badge{background:#4ade8033;color:#4ade80;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid rgba(74,222,128,.3);text-transform:uppercase;letter-spacing:.5px}.question-content{flex:1;display:flex;flex-direction:column;justify-content:center;margin-bottom:24px}.question-text{color:#fff;font-size:24px;font-weight:600;text-align:center;margin-bottom:32px;line-height:1.3}.answer-options{display:flex;flex-direction:column;gap:16px;max-width:700px;margin:0 auto}.answer-options.three-options{gap:16px}.answer-option{background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:16px;padding:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:16px;text-align:left}.answer-option:hover{border-color:#667eea;background:#667eea1a;transform:translateY(-2px);box-shadow:0 8px 25px #667eea33}.option-letter{background:#667eea;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.option-text{color:#fff;font-size:16px;line-height:1.4;flex:1}.assessment-footer{text-align:center;margin-top:24px}.assessment-hint{color:#888;font-style:italic;font-size:14px}.archetype-result{margin-bottom:32px}.archetype-display{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:32px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.archetype-symbol-large{font-size:64px;font-weight:700;display:block;margin-bottom:16px;color:#667eea;text-shadow:0 0 20px rgba(102,126,234,.5);animation:glow 2s ease-in-out infinite alternate}@keyframes 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)}}.archetype-description{font-size:18px;color:#d0d0d0;line-height:1.5;margin:0}.form-section{display:flex;flex-direction:column;gap:24px}.form-group{position:relative}.form-label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#fff}.form-input,.form-textarea,.form-select{width:100%;padding:16px;background:#ffffff14;border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:15px;font-family:inherit;transition:all .3s ease;outline:none;box-sizing:border-box}.form-textarea{resize:vertical;min-height:100px;line-height:1.5}.form-input::placeholder,.form-textarea::placeholder{color:#fff6}.form-input:focus,.form-textarea:focus,.form-select:focus{background:#ffffff1f;border-color:#667eea;box-shadow:0 0 0 3px #667eea33;transform:translateY(-1px)}.experience-selector{display:flex;gap:12px;flex-wrap:wrap}.experience-option{padding:12px 20px;background:#ffffff14;border:2px solid rgba(255,255,255,.2);border-radius:25px;color:#b0b0b0;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.experience-option:hover{background:#ffffff1f;transform:translateY(-2px);border-color:#ffffff4d}.experience-option.selected{background:linear-gradient(135deg,#667eea,#4ade80);border-color:#4ade80;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.style-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.style-option{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:#ffffff14;border:2px solid rgba(255,255,255,.2);border-radius:16px;cursor:pointer;transition:all .3s ease;text-align:center}.style-option:hover{background:#ffffff1f;transform:translateY(-4px);border-color:#ffffff4d;box-shadow:0 8px 25px #0003}.style-option.selected{background:#667eea33;border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 25px #667eea4d}.option-icon{font-size:28px;color:#4ade80;font-weight:700}.option-label{font-size:14px;font-weight:500;color:#fff;line-height:1.3}.rate-input-container{max-width:400px}.rate-input-wrapper{display:flex;align-items:center;gap:12px;background:#ffffff14;border:2px solid rgba(255,255,255,.2);border-radius:16px;padding:16px 20px;transition:all .3s ease}.rate-input-wrapper:focus-within{background:#ffffff1f;border-color:#667eea;box-shadow:0 0 0 3px #667eea33;transform:translateY(-2px)}.currency-symbol{font-size:20px;color:#4ade80;font-weight:700}.rate-input{background:transparent;border:none;color:#fff;font-size:20px;font-weight:600;width:80px;outline:none;text-align:center}.rate-suffix{color:#b0b0b0;font-size:16px;font-weight:500}.rate-hint{margin-top:8px;font-size:13px;color:#888;line-height:1.4}.session-length-options{display:flex;gap:12px;flex-wrap:wrap}.length-option{padding:12px 20px;background:#ffffff14;border:2px solid rgba(255,255,255,.2);border-radius:25px;color:#b0b0b0;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.length-option:hover{background:#ffffff1f;transform:translateY(-2px);border-color:#ffffff4d}.length-option.selected{background:linear-gradient(135deg,#667eea,#4ade80);border-color:#4ade80;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.availability-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day-option{aspect-ratio:1;background:#ffffff14;border:2px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:12px;color:#b0b0b0}.day-option:hover{background:#ffffff1f;transform:scale(1.05);border-color:#ffffff4d}.day-option.selected{background:linear-gradient(135deg,#667eea,#4ade80);border-color:#4ade80;color:#fff;transform:scale(1.05);box-shadow:0 4px 15px #667eea4d}.checkbox-label{display:flex;align-items:center;gap:12px;margin-top:16px;cursor:pointer;font-size:14px;color:#b0b0b0;font-weight:500;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.checkbox-label:hover{color:#fff}.setup-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:32px;border-top:1px solid rgba(255,255,255,.1);gap:16px}.nav-button{padding:12px 24px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;min-height:48px}.nav-button.back{background:#ffffff14;color:#b0b0b0;border:1px solid rgba(255,255,255,.2)}.nav-button.back:hover:not(:disabled){background:#ffffff1f;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.nav-button.back:disabled{opacity:.5;cursor:not-allowed;transform:none}.nav-button.skip{background:transparent;color:#888;border:1px solid transparent;text-decoration:underline;text-decoration-color:transparent;transition:all .3s ease}.nav-button.skip:hover{color:#b0b0b0;text-decoration-color:#b0b0b0}.nav-button.next{background:linear-gradient(135deg,#667eea,#4ade80);color:#fff;padding:12px 32px;position:relative;overflow:hidden}.nav-button.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}.nav-button.next:hover:before{left:100%}.nav-button.next:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea66}.nav-button.next:disabled{opacity:.6;cursor:not-allowed;transform:none}.nav-button.next:disabled:hover{box-shadow:none}.button-icon{font-size:14px;transition:transform .3s ease}.nav-button:hover .button-icon{transform:translate(2px)}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:18px;color:#b0b0b0;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e)}.loading:after{content:"";width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-left:12px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:16px;color:#ff6b6b;font-size:14px;font-weight:500;margin-bottom:24px;animation:shake .5s ease-in-out}.field-error{color:#ff6b6b;font-size:12px;font-weight:500;margin-top:4px;display:flex;align-items:center;gap:4px}.field-error:before{content:"⚠";font-size:10px}.form-input.error,.form-textarea.error,.form-select.error{border-color:#ff6b6b;background:#ef44440d}.form-input.error:focus,.form-textarea.error:focus,.form-select.error:focus{box-shadow:0 0 0 3px #ef444433}.style-option.error,.experience-option.error,.length-option.error,.day-option.error{border-color:#ff6b6b;background:#ef44440d}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.profile-complete-animation{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.success-content{text-align:center;animation:successBounce .8s cubic-bezier(.68,-.55,.265,1.55)}@keyframes 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}}.success-content .success-icon{font-size:80px;font-weight:700;background:linear-gradient(135deg,#667eea,#4ade80,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px;display:block;text-shadow:0 0 30px rgba(102,126,234,.5)}.success-content h2{font-size:32px;font-weight:600;margin-bottom:12px;color:#fff}.success-content p{font-size:16px;color:#b0b0b0}@media (max-width: 768px){.profile-setup-page{padding:0;align-items:flex-start}.setup-container{max-width:100%;margin:0;border-radius:20px 20px 0 0;padding:24px 20px;min-height:100vh}.setup-header{margin-bottom:32px}.setup-title{font-size:24px}.setup-subtitle{font-size:14px}.progress-steps{gap:4px}.step-icon{width:40px;height:40px;font-size:16px}.step-label{font-size:10px;max-width:60px;overflow:hidden;text-overflow:ellipsis}.step-title{font-size:20px;margin-bottom:24px;flex-direction:column;text-align:center;gap:12px}.title-icon{width:40px;height:40px;font-size:20px}.question-text{font-size:20px;margin-bottom:24px}.answer-options{gap:12px;padding:0 10px}.answer-option{padding:16px;border-radius:12px}.option-letter{width:35px;height:35px;font-size:14px}.option-text{font-size:15px}.archetype-symbol-large{font-size:48px}.style-options{grid-template-columns:1fr;gap:12px}.style-option{flex-direction:row;justify-content:flex-start;text-align:left;padding:16px}.option-icon{font-size:24px;min-width:40px}.experience-selector,.session-length-options{gap:8px;justify-content:center}.experience-option,.length-option{font-size:13px;padding:10px 16px}.availability-grid{gap:6px}.day-option{font-size:11px;min-height:48px}.setup-navigation{flex-direction:column;gap:12px;margin-top:32px;padding-top:24px}.nav-button.next{order:1;width:100%}.nav-button.back{order:2;width:100%}.nav-button.skip{order:3;width:100%}}@media (max-width: 375px){.setup-container{padding:20px 16px}.setup-title{font-size:22px}.step-title{font-size:18px}.question-text{font-size:18px;padding:0 8px}.answer-option{padding:14px}.option-text{font-size:14px}.experience-selector,.session-length-options{justify-content:center}.archetype-symbol-large{font-size:40px}}@media (prefers-contrast: high){.setup-container,.form-input,.form-textarea,.form-select,.answer-option,.nav-button{border-width:2px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating-symbols{display:none}.gradient-mesh,.archetype-symbol-large{animation:none}}.profile-page{min-height:100vh;background:var(--color-bg-primary);color:var(--color-text-primary);position:relative;padding-top:80px}.profile-loading,.profile-error,.profile-not-found{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-lg)}.loading-spinner{width:80px;height:80px;position:relative;margin-bottom:var(--space-xl)}.spinner-icon{font-size:64px;font-weight:var(--font-weight-bold);color:var(--color-primary);display:block;animation:spin 2s linear infinite}.error-icon,.not-found-icon{font-size:80px;margin-bottom:var(--space-xl);display:block}.error-icon{color:var(--color-danger)}.not-found-icon{color:var(--color-primary)}.profile-loading p,.profile-error p,.profile-not-found p{font-size:var(--font-lg);color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.profile-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-negative);pointer-events:none}.symbol{position:absolute;font-size:var(--font-xl);color:#667eea33;animation:floatSymbol 20s ease-in-out infinite}.profile-hero{position:relative;z-index:var(--z-base);padding:var(--space-3xl) var(--space-lg);background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.hero-content{max-width:var(--container-xl);margin:0 auto}.profile-header{display:flex;gap:var(--space-3xl);align-items:flex-start;flex-wrap:wrap}.avatar-section{position:relative;flex-shrink:0}.profile-avatar{width:140px;height:140px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:4px solid var(--color-border);box-shadow:var(--shadow-xl)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-size:56px;font-weight:var(--font-weight-bold);color:#fff}.online-indicator{position:absolute;bottom:8px;right:8px;width:20px;height:20px;background:var(--color-success);border-radius:50%;border:3px solid var(--color-bg-primary);box-shadow:0 0 0 2px #4ade804d;animation:onlinePulse 2s infinite}.edit-avatar-btn{position:absolute;bottom:0;right:0;width:36px;height:36px;border-radius:50%;background:#667eeae6;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:20px;font-weight:var(--font-weight-semibold)}.edit-avatar-btn:hover{background:var(--color-primary);transform:scale(1.1)}.profile-info{flex:1;min-width:0}.profile-name{font-size:40px;font-weight:var(--font-weight-light);margin-bottom:var(--space-xs);letter-spacing:-1px;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-md);flex-wrap:wrap;margin-bottom:var(--space-xl)}.badge{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);border:1px solid;display:inline-flex;align-items:center;gap:var(--space-xs);transition:all var(--transition-base)}.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:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.8}50%{opacity:1}}.profile-stats{display:flex;gap:var(--space-3xl);flex-wrap:wrap}.stat-value{display:block;font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.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}.btn-follow{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-follow:hover{background:#667eea1a}.btn-follow.following{background:var(--color-primary);color:#fff}.profile-completion{margin-top:var(--space-2xl);padding:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.completion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.completion-text{font-size:var(--font-sm);color:var(--color-text-secondary)}.completion-percentage{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--color-success)}.completion-bar{height:8px;background:var(--color-surface);border-radius:var(--radius-xs);overflow:hidden;margin-bottom:var(--space-md)}.completion-fill{height:100%;background:var(--gradient-success);transition:width var(--transition-slow);box-shadow:0 0 20px #667eea80}.completion-hint{font-size:var(--font-xs);color:var(--color-text-muted);margin:0}.profile-content{position:relative;z-index:var(--z-base);max-width:var(--container-xl);margin:0 auto;padding:var(--space-3xl) var(--space-lg);display:grid;grid-template-columns:1fr 320px;gap:var(--space-3xl)}.content-container{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)}.tab{flex:1;padding:var(--space-md) var(--space-lg);background:transparent;border:none;color:var(--color-text-muted);font-size:var(--font-base);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)}.tab-icon{font-size:var(--font-lg);font-weight:var(--font-weight-bold)}.tab-active{background:#667eea33;color:var(--color-text-primary)}.tab-content{min-height:400px}.content-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl);margin-bottom:var(--space-xl);transition:all var(--transition-base)}.content-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px)}.card-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.card-icon{font-size:var(--font-xl)}.section-title{font-size:var(--font-3xl);font-weight:var(--font-weight-light);margin-bottom:var(--space-xl);color:var(--color-text-primary)}.card-title{font-size:var(--font-lg);font-weight:var(--font-weight-medium);margin:0;color:var(--color-text-primary)}.bio-text{font-size:var(--font-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.achievement-card{background:linear-gradient(135deg,#ffd7000d,#ff8c000d);border-color:#ffd70033}.achievement-content{display:flex;align-items:center;gap:var(--space-lg)}.achievement-icon{font-size:var(--font-2xl)}.unique-card{background:linear-gradient(135deg,#667eea0d,#4ade800d);border-color:#667eea33}.experience-display{display:inline-flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);background:var(--color-surface);border-radius:var(--radius-full);margin-top:var(--space-lg)}.experience-icon{font-size:var(--font-lg)}.experience-text{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.skills-section{padding:0}.skills-showcase{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-lg)}.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}.skill-card.interactive:hover{background:var(--color-surface-hover);transform:translateY(-2px);border-color:#667eea4d}.skill-card.interactive:hover .skill-glow{opacity:1}.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}.skill-symbol{font-size:36px;font-weight:var(--font-weight-bold);color:var(--color-success);flex-shrink:0;text-shadow:0 2px 10px rgba(74,222,128,.3)}.skill-info{flex:1;min-width:0}.skill-name{display:block;font-size:var(--font-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.skill-level{display:block;font-size:var(--font-xs);color:var(--color-text-muted);margin-top:var(--space-xs)}.empty-state{text-align:center;padding:calc(var(--space-3xl) * 2) var(--space-lg);color:var(--color-text-muted)}.empty-icon{font-size:var(--font-5xl);display:block;margin-bottom:var(--space-lg)}.empty-state p{font-size:var(--font-lg);margin-bottom:var(--space-xl)}.personality-card{background:#667eea0d;border-color:#667eea33}.style-card{background:#4ade800d;border-color:#4ade8033}.success-card{background:#f55dfb0d;border-color:#f55dfb33}.pet-peeve-card{background:#ef44440d;border-color:#ef444433}.promise-card{background:linear-gradient(135deg,#667eea1a,#4ade801a);border:2px solid rgba(102,126,234,.3);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center;margin-top:var(--space-xl)}.promise-icon{font-size:var(--font-5xl);display:block;margin-bottom:var(--space-lg)}.promise-card .card-title{font-size:var(--font-xl);margin-bottom:var(--space-lg)}.promise-text{font-style:italic;font-size:var(--font-lg);text-align:center;color:var(--color-success);line-height:var(--leading-relaxed)}.rate-info{background:linear-gradient(135deg,#4ade801a,#667eea1a);border:1px solid rgba(74,222,128,.2);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;margin-bottom:var(--space-2xl)}.rate-display{font-size:40px;font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm)}.currency{color:var(--color-success)}.amount{color:var(--color-text-primary)}.period{font-size:var(--font-xl);color:var(--color-text-muted)}.rate-note{color:var(--color-text-secondary)}.session-lengths{margin-bottom:var(--space-2xl)}.length-options{display:flex;gap:var(--space-md);flex-wrap:wrap}.length-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:var(--radius-full);font-size:var(--font-sm);color:var(--color-text-secondary)}.length-icon{font-size:var(--font-base)}.availability-grid{margin-bottom:var(--space-2xl)}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-sm)}.day-slot{aspect-ratio:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-disabled);transition:all var(--transition-base);position:relative}.day-slot.available{background:#4ade801a;border-color:#4ade804d;color:var(--color-success)}.day-abbr{font-size:var(--font-xs);font-weight:var(--font-weight-semibold)}.day-check{position:absolute;bottom:var(--space-xs);font-size:var(--font-xs)}.availability-note{text-align:center;color:var(--color-text-muted);font-size:var(--font-sm)}.booking-cta{text-align:center;padding:var(--space-2xl);background:var(--color-surface);border-radius:var(--radius-lg);margin-top:var(--space-2xl)}.booking-cta p{font-size:var(--font-lg);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.reviews-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl);margin-bottom:var(--space-xl)}.rating-overview{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl)}.rating-number{font-size:var(--font-5xl);font-weight:var(--font-weight-bold);color:var(--color-success)}.stars{font-size:var(--font-xl)}.star{color:var(--color-text-disabled);transition:color var(--transition-base)}.star.filled{color:gold}.review-count{color:var(--color-text-muted);font-size:var(--font-sm)}.rating-breakdown{width:100%;max-width:300px;margin:0 auto}.rating-bar{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.bar-label{font-size:var(--font-xs);color:var(--color-text-muted);width:30px}.bar-track{flex:1;height:6px;background:var(--color-surface);border-radius:var(--radius-xs);overflow:hidden}.bar-fill{height:100%;background:var(--gradient-success);transition:width var(--transition-slow)}.no-reviews{text-align:center;padding:var(--space-3xl);color:var(--color-text-muted)}.no-reviews-icon{font-size:var(--font-5xl);display:block;margin-bottom:var(--space-lg)}.reviews-list{display:flex;flex-direction:column;gap:var(--space-lg)}.review-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl)}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg)}.reviewer-info{display:flex;gap:var(--space-md);align-items:center}.reviewer-avatar{width:40px;height:40px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-weight-semibold);font-size:var(--font-sm)}.reviewer-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.review-date{font-size:var(--font-xs);color:var(--color-text-disabled);margin:0}.review-rating{color:gold;font-size:var(--font-lg)}.review-text{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.profile-sidebar{display:flex;flex-direction:column;gap:var(--space-xl);min-width:0;max-width:320px}.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%}.sidebar-title{font-size:var(--font-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--space-lg);color:var(--color-text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);width:100%}.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);border-radius:var(--radius-md);min-width:0}.stat-icon{display:block;font-size:var(--font-lg);margin-bottom:var(--space-xs);color:var(--color-primary);font-weight:var(--font-weight-bold)}.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)}.stat-text{font-size:var(--font-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0;line-height:var(--leading-tight);word-break:normal}.quick-actions{display:flex;flex-direction:column;gap:var(--space-md)}.quick-action-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface);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)}.quick-action-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.action-icon{font-size:var(--font-lg)}.completion-card{background:linear-gradient(135deg,#667eea0d,#4ade800d);border-color:#667eea33}.completion-steps{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.step{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0}.step-icon{width:24px;height:24px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);color:var(--color-text-disabled);transition:all var(--transition-base)}.step.completed .step-icon{background:#4ade8033;border-color:var(--color-success);color:var(--color-success)}.step-text{font-size:var(--font-sm);color:var(--color-text-secondary)}.step.completed .step-text{color:var(--color-text-primary);text-decoration:line-through}.full-width{width:100%}.share-options{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.share-btn{width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base)}.share-btn:hover{background:var(--color-surface-hover);transform:translateY(-2px)}.share-icon{font-size:var(--font-lg)}.share-link{text-align:center;font-size:var(--font-xs);color:var(--color-text-muted);padding:var(--space-sm);background:var(--color-surface);border-radius:var(--radius-sm)}.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}.booking-modal{background:#141414f2;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3xl);max-width:500px;width:90%;position:relative;animation:modalSlideIn .3s ease}.close-btn{position:absolute;top:var(--space-lg);right:var(--space-lg);width:32px;height:32px;border-radius:50%;background:var(--color-surface);border:none;color:var(--color-text-primary);font-size:var(--font-lg);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--color-surface-hover);transform:rotate(90deg)}.modal-header{margin-bottom:var(--space-2xl)}.modal-header h2{font-size:var(--font-3xl);font-weight:var(--font-weight-light);margin-bottom:var(--space-sm)}.modal-subtitle{font-size:var(--font-base);color:var(--color-text-secondary)}.booking-preview{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl)}.mentor-summary{display:flex;align-items:center;gap:var(--space-lg)}.mentor-avatar{width:60px;height:60px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.mentor-avatar span{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:#fff}.mentor-details h3{font-size:var(--font-xl);margin-bottom:var(--space-xs)}.mentor-rate{font-size:var(--font-base);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-md)}.free-badge{display:inline-block;padding:var(--space-xs) var(--space-sm);background:#4ade8033;color:var(--color-success);border-radius:var(--radius-xs);font-size:var(--font-xs);font-weight:var(--font-weight-semibold)}.modal-content{margin-bottom:var(--space-2xl)}.coming-soon-text{font-size:var(--font-sm);color:var(--color-text-muted);margin-top:var(--space-md)}.modal-actions{display:flex;gap:var(--space-lg);justify-content:flex-end}@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}}@media (max-width: 768px){.profile-page{padding-top:calc(var(--mobile-nav-height) + var(--safe-top, 0px))}.profile-hero{padding:var(--mobile-space-xl) var(--mobile-padding)}.profile-header{flex-direction:column;align-items:center;text-align:center;gap:var(--mobile-space-xl)}.profile-avatar{width:100px;height:100px}.avatar-placeholder{font-size:40px}.edit-avatar-btn{width:32px;height:32px;font-size:var(--mobile-font-base)}.profile-info{width:100%}.profile-name{font-size:var(--mobile-font-3xl);text-align:center}.profile-username{font-size:var(--mobile-font-base);text-align:center}.profile-badges{justify-content:center;gap:var(--mobile-space-sm)}.badge{padding:5px var(--mobile-space-md);font-size:var(--mobile-font-xs)}.profile-stats{justify-content:center;gap:var(--mobile-space-xl);margin:var(--mobile-space-lg) 0}.stat-value{font-size:var(--mobile-font-2xl)}.stat-label{font-size:var(--mobile-font-xs)}.profile-actions{width:100%;margin:var(--mobile-space-lg) 0 0 0;flex-direction:column;gap:var(--mobile-space-md)}.profile-actions button,.profile-actions .btn{width:100%;min-height:var(--touch-target-ideal)}.profile-content{grid-template-columns:1fr;padding:var(--mobile-space-xl) var(--mobile-padding) calc(var(--mobile-bottom-nav-height) + var(--safe-bottom, 0px))}.profile-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 calc(-1 * var(--mobile-padding)) var(--mobile-space-xl);padding:0 var(--mobile-padding);gap:0}.tab{flex:0 0 auto;white-space:nowrap;padding:var(--mobile-space-md) var(--mobile-space-lg);font-size:var(--mobile-font-sm)}.content-card{padding:var(--mobile-space-lg);margin-bottom:var(--mobile-space-lg)}.section-title{font-size:var(--mobile-font-2xl);margin-bottom:var(--mobile-space-lg)}.card-title{font-size:var(--mobile-font-lg)}.skills-showcase{grid-template-columns:1fr;gap:var(--mobile-space-md)}.skill-card{padding:var(--mobile-space-lg)}.skill-symbol{font-size:28px}.rate-info{padding:var(--mobile-space-xl)}.rate-display{font-size:32px}.days-grid{grid-template-columns:repeat(7,1fr);gap:var(--mobile-space-xs)}.day-slot{font-size:var(--mobile-font-xs)}.reviews-summary{padding:var(--mobile-space-xl)}.rating-number{font-size:36px}.profile-sidebar{order:2;margin-top:var(--mobile-space-xl);grid-template-columns:1fr}.sidebar-card{padding:var(--mobile-space-lg);margin-bottom:var(--mobile-space-lg)}.sidebar-title{font-size:var(--mobile-font-base)}.stats-grid{gap:var(--mobile-space-md)}.stat-icon{font-size:var(--mobile-font-lg)}.stat-number{font-size:var(--mobile-font-base)}.booking-modal{width:100%;height:100%;max-height:100%;border-radius:0;padding:var(--mobile-space-2xl) var(--mobile-space-lg);margin:0}.close-btn{top:var(--mobile-space-md);right:var(--mobile-space-md)}.profile-completion{padding:var(--mobile-space-lg);margin-top:var(--mobile-space-lg)}.completion-text,.completion-hint{font-size:var(--mobile-font-xs)}.completion-percentage{font-size:var(--mobile-font-sm)}}@media (max-width: 375px){.profile-name{font-size:var(--mobile-font-2xl)}.profile-avatar{width:80px;height:80px}.profile-stats{gap:var(--mobile-space-md)}.stat-value{font-size:var(--mobile-font-xl)}}.auth-callback-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#000;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:40px}.loading-content{display:flex;flex-direction:column;align-items:center;gap:24px;animation:fadeInUp .6s ease}.loading-spinner{width:80px;height:80px;position:relative;margin-bottom:16px}.spinner-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid rgba(255,255,255,.1);border-radius:50%}.spinner-ring:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:3px solid transparent;border-top-color:#667eea;border-right-color:#4ade80;border-radius:50%;animation:spin 1.2s linear infinite}.loading-spinner:after{content:"Ω";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;font-weight:700;background:linear-gradient(135deg,#667eea,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;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:32px;font-weight:300;color:#fff;margin:0;letter-spacing:-.5px}.loading-content p{font-size:16px;color:#fff9;margin:0}.loading-steps{display:flex;flex-direction:column;gap:16px;margin-top:32px;align-items:flex-start;max-width:300px}.step{display:flex;align-items:center;gap:16px;padding:12px 20px;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);width:100%;transition:all .3s ease}.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:#4ade80}@keyframes stepPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.step-icon{font-size:24px;font-weight:700;color:#667eea;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:#fffc;font-size:14px;font-weight:500}.step.completed span:last-child{color:#4ade80}.oauth-conflict-content{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,193,7,.3);border-radius:20px;padding:48px;max-width:500px;animation:conflictSlideIn .5s ease}@keyframes conflictSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.conflict-icon{font-size:64px;margin-bottom:24px;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:28px;font-weight:600;color:#fff;margin:0 0 16px;letter-spacing:-.5px}.conflict-message{font-size:16px;color:#fffc;line-height:1.6;margin-bottom:24px}.conflict-details{background:#ffc1071a;border:1px solid rgba(255,193,7,.2);border-radius:12px;padding:20px;margin-bottom:32px}.conflict-info{font-size:14px;color:#ffffffe6;line-height:1.6}.conflict-info strong{color:#ffc107;font-weight:600}.conflict-actions h3{font-size:20px;font-weight:500;color:#fff;margin:0 0 20px}.action-buttons{display:flex;flex-direction:column;gap:12px}.conflict-btn{width:100%;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;position:relative;overflow:hidden}.btn-primary.conflict-btn{background:linear-gradient(135deg,#667eea,#4ade80);color:#fff}.btn-secondary.conflict-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc}.conflict-btn:hover{transform:translateY(-2px)}.btn-primary.conflict-btn:hover{box-shadow:0 12px 24px #667eea4d}.btn-secondary.conflict-btn:hover{background:#ffffff14;color:#fff}.auth-callback-page.error .callback-container{max-width:500px}.error-content{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(239,68,68,.2);border-radius:20px;padding:48px;animation:errorShake .5s ease}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-content:before{content:"Χ";display:block;font-size:64px;font-weight:700;color:#ef4444;margin-bottom:24px;animation:errorPulse 2s ease-in-out infinite}@keyframes errorPulse{0%,to{opacity:.5}50%{opacity:1}}.error-content h2{font-size:24px;font-weight:500;color:#fff;margin-bottom:16px}.error-content p{font-size:16px;color:#fffc;margin-bottom:32px;line-height:1.6}.error-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.btn-primary{padding:14px 32px;background:linear-gradient(135deg,#667eea,#4ade80);border:none;border-radius:100px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;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{padding:14px 32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:100px;color:#fffc;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#ffffff14;color:#fff;transform:translateY(-2px)}.progress-dots{display:flex;gap:8px;justify-content:center;margin-top:40px}.dot{width:8px;height:8px;border-radius:50%;background:#fff3;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:#fff3;transform:scale(1)}50%{background:#4ade80;transform:scale(1.2)}}.success-checkmark{width:80px;height:80px;position:relative;margin:0 auto 24px}.success-checkmark:before{content:"Λ";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);font-size:64px;font-weight:700;color:#4ade80;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:24px;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){.loading-content h2{font-size:28px}.error-content,.oauth-conflict-content{padding:32px 24px}.loading-spinner{width:60px;height:60px}.loading-spinner:after{font-size:24px}.error-content:before,.conflict-icon{font-size:48px}.oauth-conflict-content h2{font-size:24px}.loading-steps{max-width:280px}.step{padding:10px 16px}.step-icon{font-size:20px;width:24px}.error-actions,.action-buttons{flex-direction:column}.conflict-btn{padding:14px 20px;font-size:15px}}@media (max-width: 480px){.loading-content h2{font-size:24px}.loading-content p{font-size:14px}.callback-container{padding:20px}.loading-steps{max-width:260px}.oauth-conflict-content{padding:24px 16px}.oauth-conflict-content h2{font-size:22px}.conflict-message{font-size:15px}.conflict-info{font-size:13px}.conflict-actions h3{font-size:18px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.browse-page{min-height:100vh;background:linear-gradient(135deg,#0c0c0c,#1a1a2e,#16213e);color:#fff;overflow-x:hidden;font-family:inherit}.particles-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.particle{position:absolute;width:2px;height:2px;background:#ffffff4d;border-radius:50%;animation:float 20s infinite linear}.browse-container{position:relative;z-index:1;padding:120px 20px 60px;max-width:1400px;margin:0 auto}.hero-search{text-align:center;margin-bottom:80px}.hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:300;margin-bottom:16px;background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#45b7d1,#f9ca24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:300% 300%;animation:gradientMove 6s ease-in-out infinite;line-height:1.1}@keyframes gradientMove{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:1.2rem;color:#ffffffb3;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.5}.search-wrapper{position:relative;max-width:500px;margin:0 auto 40px}.search-input{width:100%;padding:20px 60px 20px 24px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:50px;color:#fff;font-size:16px;outline:none;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:inherit}.search-input:focus{border-color:#4ecdc4;box-shadow:0 0 30px #4ecdc44d;background:#ffffff26}.search-input::placeholder{color:#ffffff80}.search-icon{position:absolute;right:24px;top:50%;transform:translateY(-50%);color:#fff9;font-size:20px;pointer-events:none}.category-pills{display:flex;justify-content:center;gap:12px;margin-bottom:60px;flex-wrap:wrap}.category-pill{padding:12px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:30px;color:#fffc;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;font-weight:500}.category-pill: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 ease}.category-pill:hover:before{left:100%}.category-pill:hover,.category-pill.active{background:#4ecdc433;border-color:#4ecdc4;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #4ecdc44d}.category-pill:active{transform:translateY(-1px) scale(.98)}.results-count{text-align:center;margin-bottom:30px;color:#fff9;font-size:.9rem;font-weight:500}.results-count span{color:#4ecdc4;font-weight:600}.skills-masonry{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:60px}.skill-item{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;transform:translateY(30px);animation:slideInUp .6s ease forwards}.skill-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1);transform:scaleX(0);transition:transform .3s ease}.skill-item:hover:before{transform:scaleX(1)}.skill-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000004d;border-color:#ffffff4d;background:linear-gradient(135deg,#ffffff26,#ffffff14)}.skill-item:active{transform:translateY(-4px) scale(1.01)}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.skill-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.skill-icon{width:50px;height:50px;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;position:relative;overflow:hidden;flex-shrink:0;transition:all .3s ease}.skill-icon:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#4ecdc4,#45b7d1);opacity:0;transition:opacity .3s ease}.skill-item:hover .skill-icon:after{opacity:1}.skill-item:hover .skill-icon{transform:rotate(10deg) scale(1.1)}.skill-title{font-size:1.4rem;font-weight:600;margin-bottom:8px;color:#fff;line-height:1.2}.skill-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:600;margin-left:8px}.skill-badge.popular{background:#ff6b6b33;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.skill-badge.trending{background:#4ecdc433;color:#4ecdc4;border:1px solid rgba(78,205,196,.3)}.skill-description{font-size:.9rem;color:#ffffffb3;line-height:1.5;margin-bottom:20px}.skill-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.skill-stat{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#fff9;font-weight:500}.stat-icon{font-size:16px;color:#f9ca24}.explore-btn{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;font-size:.95rem;font-family:inherit;-webkit-user-select:none;user-select:none}.explore-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#764ba2,#667eea);opacity:0;transition:opacity .3s ease}.explore-btn:hover:before{opacity:1}.explore-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.explore-btn:active{transform:translateY(-1px) scale(.98)}.no-results{text-align:center;padding:60px 20px;color:#fff9}.no-results-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.no-results h3{font-size:1.5rem;margin-bottom:8px;color:#fffc}.no-results p{font-size:1rem;color:#ffffff80}.load-more{display:block;margin:40px auto 0;padding:16px 32px;background:transparent;border:2px solid rgba(255,255,255,.2);border-radius:50px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:1rem}.load-more:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 15px #ffffff1a}.load-more:active{transform:translateY(-1px) scale(.98)}@keyframes ripple{to{transform:translate(-50%,-50%) scale(2);opacity:0}}@media (max-width: 1200px){.skills-masonry{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}}@media (max-width: 768px){.browse-container{padding:100px 16px 40px}.skills-masonry{grid-template-columns:1fr;gap:16px}.category-pills{overflow-x:auto;justify-content:flex-start;padding-bottom:8px;margin:0 -16px 40px;padding-left:16px;padding-right:16px;scrollbar-width:none;-ms-overflow-style:none}.category-pills::-webkit-scrollbar{display:none}.category-pill{flex-shrink:0;white-space:nowrap;padding:10px 20px;font-size:.9rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem;padding:0 16px}.search-wrapper{margin:0 auto 30px;padding:0 8px}.search-input{padding:16px 50px 16px 20px;font-size:16px}.skill-stats{flex-direction:column;gap:8px;align-items:flex-start}.skill-stat{font-size:.8rem}}@media (max-width: 480px){.browse-container{padding:90px 12px 30px}.skill-item{padding:20px}.skill-header{flex-direction:column;text-align:center;gap:12px}.skill-stats{flex-direction:column;gap:8px;text-align:center;align-items:center}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.search-input{padding:14px 45px 14px 18px;font-size:15px}.category-pill{padding:8px 16px;font-size:.85rem}}@media (prefers-reduced-motion: reduce){.particle,.skill-item,.hero-title{animation:none!important}.skill-icon,.category-pill,.learn-btn{transition:none!important}.skill-item:hover .skill-icon{transform:none!important}}@media (prefers-contrast: high){.skill-item{border-width:2px;border-color:#fffc}.category-pill{border-width:2px}.hero-title{color:#fff!important;background:none!important;-webkit-text-fill-color:unset!important}}@media (prefers-color-scheme: dark){.skill-item{background:linear-gradient(135deg,#ffffff14,#ffffff08)}.skill-item:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0f)}}@media print{.particles-bg,.search-wrapper,.category-pills,.load-more{display:none!important}.skill-item{break-inside:avoid;background:#fff!important;border:1px solid #ccc!important;color:#000!important}.hero-title{color:#000!important;background:none!important;-webkit-text-fill-color:unset!important}}.confirm-email-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;background:#000}.confirm-email-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.floating-symbol{position:absolute;font-size:24px;color:#ffffff1a;font-weight:300;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(-20px) rotate(90deg);opacity:.2}50%{transform:translateY(-10px) rotate(180deg);opacity:.15}75%{transform:translateY(-30px) rotate(270deg);opacity:.25}}.confirm-email-container{position:relative;z-index:1;width:100%;max-width:500px;background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:48px;box-shadow:0 20px 60px #00000080}.confirm-email-header{text-align:center;margin-bottom:32px}.email-icon{font-size:64px;margin-bottom:16px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.confirm-email-title{font-size:36px;font-weight:200;letter-spacing:-.03em;margin:0;color:#fff}.confirm-email-subtitle{font-size:18px;font-weight:300;color:#ffffffb3;margin:8px 0 0}.signup-method-note{background:#667eea1a;border:1px solid rgba(102,126,234,.3);color:#667eea;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:500;margin-top:8px;display:inline-block}.confirm-email-content{text-align:center}.confirm-email-text{font-size:16px;color:#ffffffb3;margin-bottom:8px}.email-display{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.email-address{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:12px 20px;border-radius:12px;font-weight:600;color:#4ade80;font-size:16px}.change-email-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px}.change-email-btn:hover{background:#ffffff14;color:#fff;transform:scale(1.1)}.user-journey-preview{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px;margin-bottom:24px;text-align:left}.user-journey-preview h3{font-size:18px;font-weight:500;margin-bottom:8px;color:#fff;text-align:center}.journey-description{font-size:14px;color:#ffffffb3;text-align:center;margin-bottom:20px;line-height:1.5}.journey-steps{display:flex;flex-direction:column;gap:16px}.step-item{display:flex;align-items:flex-start;gap:16px}.step-number{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#4ade80);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.step-content h4{font-size:16px;font-weight:500;color:#fff;margin:0 0 4px}.step-content p{font-size:13px;color:#fff9;margin:0;line-height:1.4}.confirm-email-tips{background:#f55dfb0d;border:1px solid rgba(245,93,251,.1);border-radius:16px;padding:20px;margin-bottom:32px;text-align:left}.tip-title{font-size:14px;font-weight:600;color:#f093fb;margin-bottom:12px}.confirm-email-tips ul{margin:0;padding-left:20px;color:#fff9}.confirm-email-tips li{margin-bottom:6px;font-size:13px;line-height:1.4}.confirm-email-actions{display:flex;gap:16px;margin-bottom:24px}.btn-primary,.btn-secondary{flex:1;padding:14px 24px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(135deg,#667eea,#4ade80);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea4d}.btn-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc}.btn-secondary:hover{background:#ffffff14;border-color:#fff3}.btn-icon{margin-right:8px}.resend-section{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05)}.resend-section p{font-size:14px;color:#fff9;margin-bottom:8px}.resend-link{background:none;border:none;color:#667eea;text-decoration:underline;cursor:pointer;font-size:14px;margin-left:8px;transition:color .3s ease;display:inline-flex;align-items:center;gap:8px}.resend-link:hover:not(:disabled){color:#4ade80}.resend-link:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{display:inline-block;animation:spin 1s linear infinite;margin-right:8px}.error-text{color:#ef4444;font-size:13px;margin-top:8px}.oauth-alternative{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.divider{margin-bottom:16px}.divider span{background:#ffffff0d;padding:8px 16px;border-radius:20px;font-size:13px;color:#fff9}.oauth-note{font-size:14px;color:#ffffffb3;margin-bottom:16px}.oauth-buttons{display:flex;gap:12px;justify-content:center}.oauth-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:13px;cursor:pointer;transition:all .3s ease;text-decoration:none}.oauth-btn:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.apple-btn:hover{border-color:#ffffff4d}.google-btn:hover{border-color:#4285f4}.confirm-email-footer{text-align:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.05)}.confirm-email-footer p{font-size:14px;color:#fff9}.dev-section{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.dev-note{font-size:12px;color:#ffa500cc;margin-bottom:10px}.btn-dev{background:#ffa5001a;border:1px solid rgba(255,165,0,.3);color:orange;padding:8px 16px;border-radius:8px;font-size:12px;cursor:pointer;transition:all .3s ease}.btn-dev:hover{background:#ffa50026;border-color:orange}@media (max-width: 768px){.confirm-email-page{padding:15px}.confirm-email-container{padding:32px 24px;max-width:100%}.confirm-email-title{font-size:28px}.email-icon{font-size:48px}.confirm-email-actions{flex-direction:column}.email-display{flex-direction:column;gap:8px}.oauth-buttons{flex-direction:column}.oauth-btn{justify-content:center}.journey-steps,.step-item{gap:12px}.step-number{width:28px;height:28px;font-size:12px}.floating-symbol{font-size:20px}}@media (max-width: 480px){.confirm-email-container{padding:24px 20px}.confirm-email-title{font-size:24px}.email-icon{font-size:40px}.user-journey-preview{padding:20px}.confirm-email-tips{padding:16px}.step-content h4{font-size:14px}.step-content p{font-size:12px}}@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}}.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;position:relative;background:#0a0a0a;color:#e0e0e0;padding-top:80px;padding-bottom:80px}.terms-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;opacity:.5}.gradient-mesh{position:absolute;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(118,75,162,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(74,222,128,.05) 0%,transparent 50%)}.terms-container{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:0 20px}.terms-header{text-align:center;margin-bottom:60px}.terms-title{font-size:48px;font-weight:300;letter-spacing:-2px;margin:0 0 16px}.terms-title .gradient-text{font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.terms-subtitle{font-size:18px;color:#999;margin:0 0 24px}.terms-meta{display:flex;justify-content:center;align-items:center;gap:16px;font-size:14px;color:#666}.terms-meta .separator{color:#444}.terms-content{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:48px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 768px){.terms-content{padding:24px}}.terms-section{margin-bottom:48px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.05)}.terms-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.terms-section h2{font-size:28px;font-weight:600;color:#fff;margin:0 0 24px;display:flex;align-items:center;gap:12px}.terms-section h3{font-size:20px;font-weight:500;color:#e0e0e0;margin:24px 0 16px}.terms-section h4{font-size:16px;font-weight:500;color:#667eea;margin:16px 0 12px}.terms-section p{font-size:16px;line-height:1.7;color:#b0b0b0;margin:0 0 16px}.terms-section ul{margin:0 0 16px;padding-left:24px}.terms-section li{font-size:15px;line-height:1.7;color:#999;margin-bottom:8px}.account-types{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}@media (max-width: 768px){.account-types{grid-template-columns:1fr}}.account-type{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px}.account-type h4{margin-top:0}.do-list li{color:#4ade80}.do-list li::marker{content:"✓ "}.dont-list li{color:#f87171}.dont-list li::marker{content:"✗ "}.guidelines-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin:24px 0}.guideline{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.guideline:hover{border-color:#667eea4d;transform:translateY(-2px)}.guideline h3{font-size:18px;color:#667eea;margin:0 0 12px}.guideline p{font-size:14px;margin:0}.contact-section{background:#667eea0d;border-radius:16px;padding:32px;margin-top:48px}.contact-info{text-align:center}.contact-info strong{color:#fff;font-size:18px}.terms-actions{display:flex;justify-content:center;gap:16px;margin-top:48px}@media (max-width: 568px){.terms-actions{flex-direction:column}}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}@media (max-width: 768px){.terms-title{font-size:36px}.terms-subtitle{font-size:16px}.terms-section h2{font-size:24px}.terms-section h3{font-size:18px}.terms-section p,.terms-section li{font-size:14px}}.privacy-page{min-height:100vh;position:relative;background:#0a0a0a;color:#e0e0e0;padding-top:80px;padding-bottom:80px}.privacy-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;opacity:.5}.gradient-mesh{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(74,222,128,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(118,75,162,.05) 0%,transparent 50%)}.privacy-container{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:0 20px}.privacy-header{text-align:center;margin-bottom:60px}.privacy-title{font-size:48px;font-weight:300;letter-spacing:-2px;margin:0 0 16px}.privacy-title .gradient-text{font-weight:600;background:linear-gradient(135deg,#667eea,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.privacy-subtitle{font-size:18px;color:#999;margin:0 0 24px}.privacy-meta{display:flex;justify-content:center;align-items:center;gap:16px;font-size:14px;color:#666}.privacy-meta .separator{color:#444}.privacy-content{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:48px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 768px){.privacy-content{padding:24px}}.privacy-section{margin-bottom:48px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.05)}.privacy-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.privacy-section h2{font-size:28px;font-weight:600;color:#fff;margin:0 0 24px}.privacy-section h3{font-size:20px;font-weight:500;color:#e0e0e0;margin:24px 0 16px}.privacy-section h4{font-size:16px;font-weight:500;color:#667eea;margin:0 0 8px}.privacy-section p{font-size:16px;line-height:1.7;color:#b0b0b0;margin:0 0 16px}.privacy-section ul{margin:0 0 16px;padding-left:24px}.privacy-section li{font-size:15px;line-height:1.7;color:#999;margin-bottom:8px}.highlight-box{background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:16px;padding:24px;margin:24px 0}.highlight-box h3{font-size:18px;color:#667eea;margin:0 0 12px}.highlight-box p{color:#d0d0d0;margin:0}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin:24px 0}.info-type{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px}.info-type h4{color:#4ade80;margin-top:0}.info-type ul{margin:0;padding-left:20px}.info-type li{font-size:14px;color:#aaa}.use-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin:24px 0}.use-case{text-align:center;padding:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:all .3s ease}.use-case:hover{border-color:#667eea4d;transform:translateY(-2px)}.use-icon{font-size:32px;margin-bottom:12px}.use-case h4{font-size:16px;margin:0 0 8px}.use-case p{font-size:14px;color:#999;margin:0}.never-list{background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:12px;padding:20px 20px 12px 40px;margin:16px 0}.never-list li{color:#f87171;font-weight:500}.never-list li::marker{content:"✗ "}.sharing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin:24px 0}.sharing-type{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px}.sharing-type h4{margin-top:0}.parental-rights{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:24px 0}.right-item{background:#4ade800d;border:1px solid rgba(74,222,128,.2);border-radius:12px;padding:20px;text-align:center}.right-item h4{color:#4ade80;margin:0 0 8px}.right-item p{font-size:14px;margin:0}.contact-parents{text-align:center;font-size:16px;padding:16px;background:#667eea1a;border-radius:12px;margin-top:24px}.security-measures{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin:24px 0}.security-item{text-align:center;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .3s ease}.security-item:hover{border-color:#667eea4d;transform:translateY(-2px)}.security-icon{font-size:28px;display:block;margin-bottom:12px}.security-item h4{font-size:14px;margin:0 0 8px}.security-item p{font-size:13px;color:#999;margin:0}.retention-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:24px 0}.retention-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;text-align:center}.retention-item h4{margin:0 0 8px}.retention-item p{font-size:14px;margin:0}.contact-section{background:#667eea0d;border-radius:16px;padding:32px;text-align:center}.contact-info h3{color:#fff;margin:0 0 24px}.contact-info p{margin:8px 0;color:#d0d0d0}.contact-info strong{color:#fff}.dpo-info{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.dpo-info h4{color:#667eea;margin:0 0 8px}.privacy-actions{display:flex;justify-content:center;gap:16px;margin-top:48px}@media (max-width: 568px){.privacy-actions{flex-direction:column}}.btn-primary,.btn-secondary{padding:14px 32px;border-radius:100px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block;text-align:center}.btn-primary{background:linear-gradient(135deg,#667eea,#4ade80);color:#fff;border:none}.about-page{min-height:100vh;position:relative;background:#0a0a0a;color:#e0e0e0;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:80px;opacity:.03;animation:float 20s ease-in-out infinite}.about-container{position:relative;z-index:1;padding-top:100px;padding-bottom:80px}.about-hero{text-align:center;max-width:800px;margin:0 auto 80px;padding:0 20px}.about-title{font-size:64px;font-weight:300;letter-spacing:-3px;margin:0 0 16px;animation:fadeInUp .8s ease-out}.about-title .gradient-text{font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-subtitle{font-size:20px;color:#999;margin:0;animation:fadeInUp .8s ease-out .1s both}section{max-width:1200px;margin:0 auto 100px;padding:0 20px}.section-title{font-size:36px;font-weight:600;text-align:center;margin:0 0 48px;color:#fff}.section-subtitle{font-size:18px;color:#999;text-align:center;margin:-32px 0 48px}.mission-section{text-align:center}.mission-content{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:48px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mission-statement{font-size:24px;line-height:1.6;color:#e0e0e0;margin:0 0 48px;font-weight:300}.mission-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px}.mission-stats .stat{text-align:center}.stat-number{display:block;font-size:48px;font-weight:700;background:linear-gradient(135deg,#667eea,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-label{font-size:14px;color:#999}.story-content{display:grid;gap:32px}.story-block{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:32px}.story-block h3{font-size:24px;color:#667eea;margin:0 0 16px}.story-block p{font-size:16px;line-height:1.7;color:#b0b0b0;margin:0}.story-highlight{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.3);border-radius:20px;padding:32px;text-align:center;margin-top:32px}.story-highlight p{font-size:20px;line-height:1.6;color:#fff;font-style:italic;margin:0 0 16px}.story-author{font-size:14px;color:#999}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px}.value-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:32px;text-align:center;transition:all .3s ease}.value-card:hover{border-color:#667eea4d;transform:translateY(-4px);box-shadow:0 8px 32px #667eea33}.value-symbol{font-size:48px;color:#667eea;margin-bottom:16px}.value-title{font-size:20px;font-weight:600;color:#fff;margin:0 0 12px}.value-description{font-size:15px;line-height:1.6;color:#999;margin:0}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.team-member{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:32px;text-align:center;transition:all .3s ease}.team-member:hover{border-color:#4ade804d;transform:translateY(-4px)}.member-avatar{font-size:64px;margin-bottom:16px}.member-name{font-size:20px;font-weight:600;color:#fff;margin:0 0 4px}.member-role{font-size:14px;color:#4ade80;margin:0 0 16px}.member-bio{font-size:15px;line-height:1.6;color:#999;margin:0 0 16px}.member-quote{font-size:14px;font-style:italic;color:#667eea;margin:0}.timeline{position:relative;max-width:800px;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%)}@media (max-width: 768px){.timeline:before{left:30px}}.timeline-item{position:relative;padding:0 0 48px;display:flex;align-items:flex-start;gap:32px}.timeline-item:nth-child(2n){flex-direction:row-reverse}@media (max-width: 768px){.timeline-item,.timeline-item:nth-child(2n){flex-direction:row;padding-left:60px}}.timeline-marker{flex-shrink:0;width:80px;height:80px;background:#ffffff0d;border:2px solid rgba(102,126,234,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.timeline-icon{font-size:32px}.timeline-content{flex:1;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px}.timeline-year{font-size:18px;font-weight:600;color:#667eea;margin:0 0 8px}.timeline-event{font-size:16px;color:#b0b0b0;margin:0}.different-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.different-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:32px}.different-item h3{font-size:20px;color:#4ade80;margin:0 0 16px}.different-item p{font-size:15px;line-height:1.6;color:#999;margin:0}.impact-content{display:flex;align-items:center;justify-content:center;gap:32px;margin-bottom:48px}@media (max-width: 768px){.impact-content{flex-direction:column}}.impact-now,.impact-future{flex:1;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:32px;text-align:center}.impact-now{border-color:#667eea4d}.impact-future{border-color:#4ade804d}.impact-now h3,.impact-future h3{font-size:24px;margin:0 0 16px}.impact-now h3{color:#667eea}.impact-future h3{color:#4ade80}.impact-arrow{font-size:48px;color:#444}@media (max-width: 768px){.impact-arrow{transform:rotate(90deg)}}.impact-statement{background:linear-gradient(135deg,#667eea1a,#4ade801a);border:1px solid rgba(102,126,234,.3);border-radius:20px;padding:32px;text-align:center}.impact-statement p{font-size:20px;line-height:1.6;color:#fff;margin:0}.join-section{text-align:center;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:48px}.join-text{font-size:18px;line-height:1.6;color:#b0b0b0;margin:0 0 32px}.join-actions{display:flex;justify-content:center;gap:16px}@media (max-width: 568px){.join-actions{flex-direction:column;align-items:center}}.contact-cta{background:#667eea0d;border:1px solid rgba(102,126,234,.2);border-radius:24px;padding:48px;text-align:center}.cta-content h3{font-size:28px;color:#fff;margin:0 0 12px}.cta-content p{font-size:16px;color:#999;margin:0 0 32px}.contact-links{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.contact-link{display:flex;align-items:center;gap:8px;color:#667eea;text-decoration:none;font-size:16px;transition:all .3s ease}.contact-link:hover{color:#4ade80;transform:translateY(-2px)}.link-icon{font-size:20px}.btn-primary,.btn-secondary{padding:14px 32px;border-radius:100px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block;text-align:center;cursor:pointer;border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea4d}.btn-secondary{background:#ffffff0d;color:#999;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#ffffff14;color:#fff;border-color:#fff3}@media (max-width: 768px){.about-title{font-size:48px}.about-subtitle{font-size:18px}.section-title{font-size:28px}.mission-statement{font-size:20px}.mission-content{padding:32px 24px}}.how-it-works-page{min-height:100vh;background:var(--color-bg-primary);color:var(--color-text-primary);position:relative;overflow-x:hidden}.how-it-works-page.journey-view{background:linear-gradient(135deg,#667eea05,#4ade8005,#f55dfb05)}.page-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-negative);pointer-events:none}.gradient-mesh{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(102,126,234,.08) 0%,transparent 50%),radial-gradient(circle at 80% 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}@keyframes meshRotate{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}.floating-symbols{position:absolute;top:0;right:0;bottom:0;left:0}.symbol{position:absolute;font-size:var(--font-xl);color:#667eea33;animation:floatSymbol 20s ease-in-out infinite;font-weight:var(--font-weight-bold)}@keyframes 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}}.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}.page-container{position:relative;z-index:var(--z-base);max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-lg)}.hero-section{padding:calc(80px + var(--space-3xl)) 0 var(--space-3xl);text-align:center}.hero-content{max-width:900px;margin:0 auto}.hero-title{font-size:clamp(40px,8vw,80px);font-weight:var(--font-weight-light);letter-spacing:-.02em;margin-bottom:var(--space-lg);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)}.hero-subtitle{font-size:var(--font-xl);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-3xl);max-width:800px;margin-left:auto;margin-right:auto}.hero-stats{display:flex;justify-content:center;gap:var(--space-3xl);flex-wrap:wrap;margin-top:var(--space-2xl)}.stat-item{text-align:center;background:var(--color-surface);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base);min-width:200px}.stat-item:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:0 10px 30px #667eea33}.stat-number{display:block;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);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.revolution-section{padding:var(--space-4xl) 0;margin-bottom:var(--space-2xl)}.revolution-content{max-width:1200px;margin:0 auto;text-align:center}.revolution-title{font-size:var(--font-4xl);font-weight:var(--font-weight-light);margin-bottom:var(--space-3xl);color:var(--color-text-primary)}.revolution-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-2xl);align-items:center;margin-top:var(--space-2xl)}.old-way,.new-way{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:left}.old-way h3,.new-way h3{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-lg);text-align:center}.old-way h3{color:var(--color-text-muted)}.new-way{border-color:var(--color-primary);background:linear-gradient(135deg,#667eea0d,#4ade800d)}.new-way h3{color:var(--color-primary)}.old-way ul,.new-way ul{list-style:none;padding:0;margin:0}.old-way li,.new-way li{padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary);position:relative;padding-left:var(--space-lg)}.old-way li:before{content:"✗";position:absolute;left:0;color:var(--color-danger);font-weight:var(--font-weight-bold)}.new-way li:before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:var(--font-weight-bold)}.transformation-arrow{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:var(--font-3xl);color:var(--color-primary);font-weight:var(--font-weight-bold)}.transformation-arrow p{font-size:var(--font-sm);color:var(--color-text-secondary);margin-top:var(--space-md);font-weight:var(--font-weight-medium);max-width:120px}.route-selection{padding:var(--space-4xl) 0}.selection-header{text-align:center;margin-bottom:var(--space-3xl);max-width:800px;margin-left:auto;margin-right:auto}.selection-title{font-size:var(--font-4xl);font-weight:var(--font-weight-light);margin-bottom:var(--space-lg);color:var(--color-text-primary)}.selection-subtitle{font-size:var(--font-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.routes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.route-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl);transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden;opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease forwards}.route-card:hover{transform:translateY(-8px);border-color:var(--route-color, var(--color-primary));box-shadow:0 20px 40px #0000001a}.route-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--route-color, var(--color-primary));opacity:0;transition:opacity var(--transition-base)}.route-card:hover:before{opacity:1}.route-header{display:flex;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-lg)}.route-icon{flex-shrink:0;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:#fff;background:var(--route-color, var(--color-primary))}.route-title-section{flex:1}.route-title{font-size:var(--font-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.route-subtitle{font-size:var(--font-base);color:var(--color-text-secondary);margin:0}.route-description{font-size:var(--font-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.practical-benefit{background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.practical-benefit strong{color:var(--color-success);font-weight:var(--font-weight-semibold)}.practical-benefit span{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.route-highlights{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl)}.highlight-tag{background:#667eea1a;border:1px solid rgba(102,126,234,.3);color:var(--color-primary);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:var(--font-weight-medium)}.route-button{width:100%;background:transparent;border:2px solid var(--route-color, var(--color-primary));color:var(--route-color, var(--color-primary));padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);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)}.route-button:hover{background:var(--route-color, var(--color-primary));color:#fff}.button-arrow{transition:transform var(--transition-base)}.route-button:hover .button-arrow{transform:translate(4px)}.success-stories{padding:var(--space-4xl) 0;background:linear-gradient(135deg,#667eea05,#4ade8005)}.stories-header{text-align:center;margin-bottom:var(--space-3xl)}.stories-title{font-size:var(--font-4xl);font-weight:var(--font-weight-light);margin-bottom:var(--space-lg);color:var(--color-text-primary)}.stories-subtitle{font-size:var(--font-lg);color:var(--color-text-secondary)}.stories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-2xl)}.story-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl);transition:all var(--transition-base)}.story-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001a}.story-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-lg)}.story-avatar{width:50px;height:50px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-lg)}.story-info h4{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.story-info p{font-size:var(--font-sm);color:var(--color-text-secondary);margin:0}.story-quote{font-size:var(--font-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);font-style:italic;margin-bottom:var(--space-lg);padding-left:var(--space-lg);border-left:3px solid var(--color-primary)}.story-numbers{display:flex;flex-direction:column;gap:var(--space-xs)}.story-numbers span{font-size:var(--font-sm);color:var(--color-success);font-weight:var(--font-weight-medium)}.student-story .story-avatar{background:var(--color-success)}.mentor-story .story-avatar{background:var(--color-primary)}.collaboration-story .story-avatar{background:var(--color-tertiary)}.selection-cta{padding:var(--space-4xl) 0;text-align:center}.cta-content{max-width:800px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3xl)}.cta-content h3{font-size:var(--font-3xl);font-weight:var(--font-weight-medium);margin-bottom:var(--space-md);color:var(--color-text-primary)}.cta-content p{font-size:var(--font-lg);color:var(--color-text-secondary);margin-bottom:var(--space-2xl)}.cta-actions{display:flex;justify-content:center;gap:var(--space-lg);flex-wrap:wrap;margin-bottom:var(--space-2xl)}.cta-guarantee{background:#667eea0d;border:1px solid rgba(102,126,234,.2);border-radius:var(--radius-md);padding:var(--space-lg)}.cta-guarantee p{font-size:var(--font-base);color:var(--color-text-secondary);margin:0;font-style:italic}.journey-header{padding:calc(80px + var(--space-2xl)) 0 var(--space-3xl);text-align:center}.back-button{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-base);cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--space-2xl);display:inline-flex;align-items:center;gap:var(--space-sm)}.back-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.journey-hero{max-width:800px;margin:0 auto}.journey-icon{width:80px;height:80px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:#fff;margin:0 auto var(--space-lg)}.journey-title{font-size:clamp(32px,6vw,60px);font-weight:var(--font-weight-light);margin-bottom:var(--space-lg);color:var(--color-text-primary)}.journey-subtitle{font-size:var(--font-xl);color:var(--color-text-secondary);margin-bottom:var(--space-2xl)}.financial-promise{background:linear-gradient(135deg,#4ade801a,#667eea1a);border:1px solid rgba(74,222,128,.3);border-radius:var(--radius-lg);padding:var(--space-xl);display:inline-block}.promise-highlight{display:flex;align-items:center;gap:var(--space-md);font-size:var(--font-lg)}.promise-icon{font-size:var(--font-2xl);color:var(--color-success)}.journey-steps{padding:var(--space-4xl) 0}.steps-title{font-size:var(--font-4xl);font-weight:var(--font-weight-light);text-align:center;margin-bottom:var(--space-3xl);color:var(--color-text-primary)}.steps-container{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-2xl)}.journey-step{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease forwards}.journey-step.visible{opacity:1;transform:translateY(0)}.financial-step{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl);display:flex;gap:var(--space-2xl);transition:all var(--transition-base)}.financial-step:hover{border-color:var(--color-primary);box-shadow:0 10px 30px #0000001a}.step-timeline{flex-shrink:0;display:flex;flex-direction:column;align-items:center}.step-number{position:relative;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:var(--space-md)}.step-symbol{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);position:absolute}.step-count{position:absolute;bottom:-8px;right:-8px;width:24px;height:24px;background:var(--color-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);font-weight:var(--font-weight-bold);border:2px solid var(--color-bg-primary)}.step-connector{width:2px;height:60px;background:linear-gradient(to bottom,var(--color-primary) 0%,var(--color-border) 100%);margin-top:var(--space-md)}.step-content{flex:1}.step-header{margin-bottom:var(--space-lg)}.step-title{font-size:var(--font-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.step-meta{display:flex;gap:var(--space-lg);flex-wrap:wrap}.step-duration{font-size:var(--font-sm);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-xs)}.financial-benefit{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--space-xs)}.step-description{font-size:var(--font-lg);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.step-details{margin-bottom:var(--space-lg)}.step-list{list-style:none;padding:0;margin:0}.step-item{display:flex;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md);font-size:var(--font-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.step-bullet{color:var(--color-primary);font-weight:var(--font-weight-bold);flex-shrink:0;margin-top:2px}.step-outcome{background:#667eea0d;border:1px solid rgba(102,126,234,.2);border-radius:var(--radius-md);padding:var(--space-md);font-size:var(--font-base);color:var(--color-text-secondary)}.step-outcome strong{color:var(--color-primary)}.financial-projections{padding:var(--space-4xl) 0;background:linear-gradient(135deg,#4ade8005,#667eea05)}.projections-title{font-size:var(--font-4xl);font-weight:var(--font-weight-light);text-align:center;margin-bottom:var(--space-3xl);color:var(--color-text-primary)}.projections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.projection-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;transition:all var(--transition-base)}.projection-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001a}.projection-card h4{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-lg)}.projection-numbers{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.projection-numbers span{font-size:var(--font-base);font-weight:var(--font-weight-medium);padding:var(--space-sm);border-radius:var(--radius-sm)}.cost{background:#ef44441a;color:var(--color-danger)}.income{background:#4ade801a;color:var(--color-success)}.value{background:#667eea1a;color:var(--color-primary)}.investment{background:#f59e0b1a;color:#d97706}.profit{background:#4ade801a;color:var(--color-success);font-weight:var(--font-weight-bold)}.projection-card p{font-size:var(--font-base);color:var(--color-text-secondary);margin:0}.economics-breakdown{max-width:1000px;margin:0 auto}.economics-flow{margin-bottom:var(--space-3xl)}.economics-flow h4{font-size:var(--font-2xl);font-weight:var(--font-weight-semibold);text-align:center;margin-bottom:var(--space-2xl);color:var(--color-text-primary)}.flow-diagram{display:flex;align-items:center;gap:var(--space-lg);justify-content:center;flex-wrap:wrap}.flow-step{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;flex:1;min-width:250px}.flow-step strong{display:block;font-size:var(--font-lg);color:var(--color-text-primary);margin-bottom:var(--space-md)}.flow-step p{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-success);margin-bottom:var(--space-sm)}.flow-step span{font-size:var(--font-sm);color:var(--color-text-muted)}.flow-arrow{font-size:var(--font-2xl);color:var(--color-primary);font-weight:var(--font-weight-bold)}.sustainability-metrics{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl)}.sustainability-metrics h4{font-size:var(--font-2xl);font-weight:var(--font-weight-semibold);text-align:center;margin-bottom:var(--space-2xl);color:var(--color-text-primary)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.metric{text-align:center;padding:var(--space-lg);background:#667eea0d;border-radius:var(--radius-md)}.metric-number{display:block;font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-xs)}.metric-label{font-size:var(--font-sm);color:var(--color-text-secondary)}.journey-cta{padding:var(--space-4xl) 0}.journey-cta .cta-content{border-color:var(--color-primary)}.journey-cta h3{font-size:var(--font-3xl);font-weight:var(--font-weight-medium);margin-bottom:var(--space-lg);color:var(--color-text-primary)}.journey-cta p{font-size:var(--font-lg);color:var(--color-text-secondary);margin-bottom:var(--space-2xl)}.guarantee-section{background:#4ade800d;border:1px solid rgba(74,222,128,.2);border-radius:var(--radius-md);padding:var(--space-lg);margin-top:var(--space-xl)}.guarantee-section p{font-size:var(--font-base);color:var(--color-text-secondary);margin:0;font-style:italic}@media (max-width: 1200px){.revolution-comparison{grid-template-columns:1fr;gap:var(--space-lg)}.transformation-arrow{order:2;transform:rotate(90deg);margin:var(--space-lg) 0}.new-way{order:3}.flow-diagram{flex-direction:column}.flow-arrow{transform:rotate(90deg);margin:var(--space-md) 0}}@media (max-width: 768px){.how-it-works-page{padding-top:calc(var(--mobile-nav-height) + var(--safe-top, 0px))}.page-container{padding:0 var(--mobile-padding)}.hero-section,.journey-header{padding:var(--mobile-space-2xl) 0}.hero-title,.journey-title{font-size:var(--mobile-font-3xl);margin-bottom:var(--mobile-space-lg)}.hero-subtitle,.journey-subtitle{font-size:var(--mobile-font-base);margin-bottom:var(--mobile-space-2xl)}.hero-stats{grid-template-columns:1fr;gap:var(--mobile-space-lg)}.stat-item{padding:var(--mobile-space-lg)}.routes-grid{grid-template-columns:1fr;gap:var(--mobile-space-lg)}.route-card{padding:var(--mobile-space-lg)}.route-header{gap:var(--mobile-space-md)}.route-icon{width:50px;height:50px;font-size:var(--mobile-font-xl)}.route-title{font-size:var(--mobile-font-xl)}.financial-step{flex-direction:column;gap:var(--mobile-space-lg);padding:var(--mobile-space-lg)}.step-timeline{flex-direction:row;justify-content:center}.step-connector{width:60px;height:2px;margin-top:0;margin-left:var(--mobile-space-md)}.step-number{width:60px;height:60px;margin-bottom:0}.step-symbol{font-size:var(--mobile-font-lg)}.step-title{font-size:var(--mobile-font-xl)}.step-description{font-size:var(--mobile-font-base)}.stories-grid{grid-template-columns:1fr;gap:var(--mobile-space-lg)}.story-card{padding:var(--mobile-space-lg)}.projections-grid{grid-template-columns:1fr;gap:var(--mobile-space-lg)}.projection-card{padding:var(--mobile-space-lg)}.selection-title,.stories-title,.steps-title,.projections-title{font-size:var(--mobile-font-2xl)}.cta-actions{flex-direction:column;align-items:center}.cta-actions .btn{width:100%;max-width:300px}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:var(--mobile-space-md)}.back-button{font-size:var(--mobile-font-sm);padding:var(--mobile-space-sm) var(--mobile-space-md)}}@media (max-width: 375px){.hero-title,.journey-title{font-size:var(--mobile-font-2xl)}.route-icon{width:40px;height:40px;font-size:var(--mobile-font-lg)}.step-number{width:50px;height:50px}.metrics-grid{grid-template-columns:1fr}.practical-benefit{flex-direction:column;text-align:center;gap:var(--mobile-space-xs)}}@media (prefers-color-scheme: dark){.revolution-comparison{background:#ffffff03}.old-way,.new-way{background:#ffffff05}.route-card:hover{box-shadow:0 20px 40px #0000004d}}.game-discovery-page{min-height:100vh;position:relative;overflow-x:hidden;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e)}.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:2rem;color:#667eea1a;font-weight:700;animation:float 20s infinite linear}.floating-symbols .symbol:nth-child(1){left:10%;animation-delay:0s;font-size:1.5rem}.floating-symbols .symbol:nth-child(2){left:30%;animation-delay:4s;font-size:2.2rem}.floating-symbols .symbol:nth-child(3){left:50%;animation-delay:8s;font-size:1.8rem}.floating-symbols .symbol:nth-child(4){left:70%;animation-delay:12s;font-size:2rem}.floating-symbols .symbol:nth-child(5){left:90%;animation-delay:16s;font-size:1.7rem}@keyframes float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.discovery-container{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.discovery-container.loading{align-items:center;text-align:center}.loading-content h2{color:#fff;margin-bottom:1rem;font-size:1.8rem}.loading-content p{color:#a0a0a0;font-size:1.1rem}.loading-spinner{width:50px;height:50px;border:3px solid rgba(102,126,234,.3);border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 2rem}.discovery-container.error{align-items:center;text-align:center}.error-content h2{color:#ff6b6b;margin-bottom:1rem}.error-content p{color:#a0a0a0;margin-bottom:2rem}.discovery-container.intro{gap:3rem}.intro-header{text-align:center;margin-bottom:2rem}.discovery-title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1rem;line-height:1.1}.gradient-text{color:#667eea!important;font-weight:inherit;display:inline}.results-title .gradient-text{color:#667eea!important;font-weight:700!important;display:inline!important}.discovery-subtitle{font-size:1.2rem;color:#b0b0b0;line-height:1.6;max-width:600px;margin:0 auto}.assessment-type-selection{text-align:center}.assessment-type-selection h3{color:#fff;font-size:1.5rem;margin-bottom:2rem;font-weight:600}.assessment-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.assessment-option{background:#ffffff0d;border:2px solid rgba(102,126,234,.3);border-radius:20px;padding:2rem;cursor:pointer;transition:all .3s ease;text-align:left;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.assessment-option:hover{border-color:#667eea;background:#667eea1a;transform:translateY(-4px);box-shadow:0 8px 25px #667eea33}.assessment-option.recommended{border-color:#4ade80;background:#4ade8014}.assessment-option.recommended:hover{border-color:#4ade80;background:#4ade8026;box-shadow:0 8px 25px #4ade8033}.option-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.option-icon{background:#667eea33;color:#667eea;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.assessment-option.recommended .option-icon{background:#4ade8033;color:#4ade80}.option-header h4{color:#fff;font-size:1.4rem;margin:0;font-weight:600;flex:1}.option-duration{background:#667eea33;color:#667eea;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;border:1px solid rgba(102,126,234,.3)}.assessment-option.recommended .option-duration{background:#4ade8033;color:#4ade80;border-color:#4ade804d}.recommended-badge{position:absolute;top:-12px;right:2rem;background:linear-gradient(135deg,#4ade80,#22d3ee);color:#fff;padding:.5rem 1rem;border-radius:12px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #4ade804d}.option-description{color:#d0d0d0;line-height:1.5;margin-bottom:1.5rem;font-size:1rem}.option-features{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.feature{color:#b0b0b0;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.feature:before{content:"";width:4px;height:4px;background:#4ade80;border-radius:50%;flex-shrink:0}.option-button{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.option-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea4d}.assessment-option.recommended .option-button{background:linear-gradient(135deg,#4ade80,#22d3ee)}.assessment-option.recommended .option-button:hover{box-shadow:0 6px 20px #4ade804d}.skip-option{text-align:center;margin-top:2rem}.skip-option p{color:#a0a0a0;font-size:1rem}.link-btn{background:none;border:none;color:#667eea;text-decoration:underline;cursor:pointer;font-size:inherit;margin-left:.5rem}.link-btn:hover{color:#4ade80}.discovery-container.assessment-intro{justify-content:center}.intro-content{text-align:center;max-width:700px;margin:0 auto}.assessment-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.assessment-description{color:#d0d0d0;font-size:1.2rem;line-height:1.6;margin-bottom:3rem}.assessment-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:3rem}.detail-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem}.detail-icon{font-size:2rem;flex-shrink:0}.detail-item h4{color:#fff;font-size:1.1rem;margin:0 0 .25rem;font-weight:600}.detail-item p{color:#b0b0b0;margin:0;font-size:.95rem}.assessment-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:3rem}.category-item{background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.75rem;transition:all .3s ease}.category-item:hover{background:#667eea33;transform:translateY(-2px)}.category-icon{font-size:1.5rem}.category-name{color:#fff;font-weight:500;font-size:.9rem}.assessment-tips{background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:16px;padding:2rem;margin-bottom:3rem;text-align:left}.assessment-tips h4{color:#fff;margin-bottom:1rem;font-size:1.2rem}.assessment-tips ul{color:#d0d0d0;line-height:1.6;margin:0;padding-left:1.5rem}.assessment-tips li{margin-bottom:.5rem}.assessment-actions{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}.start-assessment-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1.25rem 2.5rem;border-radius:16px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;box-shadow:0 4px 15px #667eea4d}.start-assessment-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea66}.btn-arrow{font-size:1.2rem;transition:transform .3s ease}.start-assessment-btn:hover .btn-arrow{transform:translate(4px)}.secondary-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);padding:1rem 2rem;border-radius:12px;font-size:1rem;cursor:pointer;transition:all .3s ease}.secondary-btn:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.discovery-container.assessment{padding:2rem 1.5rem 1.5rem;justify-content:flex-start}.assessment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.progress-section{flex:1;min-width:200px}.progress-bar{width:100%;height:8px;background:#fff3;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .5s ease;border-radius:4px}.progress-text{color:#a0a0a0;font-size:.9rem}.assessment-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.category-badge{background:#4ade8033;color:#4ade80;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;border:1px solid rgba(74,222,128,.3)}.assessment-type-badge{background:#667eea33;color:#667eea;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;border:1px solid rgba(102,126,234,.3)}.question-content{flex:1;display:flex;flex-direction:column;justify-content:center;margin-bottom:1rem}.question-text{color:#fff;font-size:1.6rem;font-weight:600;text-align:center;margin-bottom:2rem;line-height:1.2}.answer-options{display:flex;flex-direction:column;gap:1rem;max-width:600px;margin:0 auto}.answer-options.three-options{gap:.75rem}.answer-option{background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;text-align:left}.answer-option:hover{border-color:#667eea;background:#667eea1a;transform:translateY(-1px)}.option-letter{background:#667eea;color:#fff;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.option-text{color:#fff;font-size:1rem;line-height:1.3;flex:1}.assessment-footer{text-align:center;margin-top:1rem}.assessment-hint{color:#a0a0a0;font-style:italic;font-size:.9rem}.discovery-container.results{padding:2rem;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:4rem;color:#667eea;font-weight:700;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:3rem;position:relative;z-index:10}.results-title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:2rem;line-height:1.1}.animal-display{background:#ffffff0d;border:2px solid rgba(102,126,234,.3);border-radius:20px;padding:2rem;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.animal-symbol{font-size:4rem;font-weight:700;color:#667eea;display:block;margin-bottom:1rem;text-shadow:0 0 10px rgba(102,126,234,.3)}.animal-description{font-size:1.3rem;color:#d0d0d0;line-height:1.5;margin:0}.assessment-completion-badge{background:#4ade8026;border:2px solid rgba(74,222,128,.4);border-radius:16px;padding:1rem 2rem;margin-bottom:2rem;display:inline-block}.completion-text{color:#4ade80;font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.results-content{position:relative;z-index:10}.results-section{margin-bottom:3rem}.results-section h3{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.results-section.personality-combination{background:#667eea0d;border:2px solid rgba(102,126,234,.2);border-radius:20px;padding:2rem;margin-bottom:3rem;position:relative;z-index:101;isolation:isolate;overflow:hidden}.combination-layout{display:grid;grid-template-columns:300px 1fr;gap:2rem;align-items:start;margin-bottom:2rem;position:relative;z-index:102}.chart-section{display:flex;justify-content:center;align-items:flex-start;position:relative;z-index:103}.summary-section{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:103;background:#0000001a;padding:1rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.primary-display{display:flex;align-items:center;gap:1rem;background:#667eea26;border:2px solid rgba(102,126,234,.4);border-radius:16px;padding:1.5rem;position:relative;z-index:104}.primary-icon{min-width:50px;min-height:50px;width:auto;height:auto;max-width:180px;max-height:60px;background:#667eea4d;border:2px solid rgba(102,126,234,.5);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:#667eea;flex-shrink:0;position:relative;z-index:105;line-height:1;padding:.6rem .8rem;box-sizing:border-box;word-break:keep-all;white-space:nowrap}.primary-text{position:relative;z-index:105}.primary-text h4{color:#fff;font-size:1.3rem;margin:0 0 .25rem;font-weight:700;position:relative;z-index:106;background:#0003;padding:.25rem .5rem;border-radius:6px}.primary-text p{color:#667eea;font-size:1.1rem;font-weight:600;margin:0;position:relative;z-index:106;background:#0003;padding:.25rem .5rem;border-radius:6px;width:fit-content}.influences-group{display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:104;background:#0000001a;padding:1rem;border-radius:12px}.influences-group h5{color:#fff;font-size:1rem;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.5px;position:relative;z-index:105;background:#0000004d;padding:.5rem;border-radius:6px}.influence-card{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:12px;transition:all .3s ease;position:relative;z-index:105}.influence-card.strong{background:#4ade8026;border:2px solid rgba(74,222,128,.4)}.influence-card.tendency{background:#f093fb26;border:2px solid rgba(240,147,251,.4)}.influence-card:hover{transform:translate(4px)}.influence-icon{min-width:32px;min-height:32px;width:auto;height:auto;max-width:130px;max-height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;flex-shrink:0;position:relative;z-index:106;line-height:1;padding:.4rem .6rem;box-sizing:border-box;word-break:keep-all;white-space:nowrap}.influence-card.strong .influence-icon{background:#4ade804d;border:2px solid rgba(74,222,128,.5);color:#4ade80}.influence-card.tendency .influence-icon{background:#f093fb4d;border:2px solid rgba(240,147,251,.5);color:#f093fb}.influence-label{color:#fff;font-weight:600;flex:1;font-size:1rem;position:relative;z-index:106;background:#0003;padding:.25rem .5rem;border-radius:6px}.influence-percent{color:#a0a0a0;font-weight:700;font-size:1rem;min-width:45px;text-align:right;position:relative;z-index:106;background:#0003;padding:.25rem .5rem;border-radius:6px}.strengths-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;position:relative;z-index:104;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.strengths-section h4{color:#4ade80;font-size:1.2rem;margin-bottom:1rem;font-weight:600;position:relative;z-index:105}.strengths-section p{color:#d0d0d0;line-height:1.6;margin:0 0 1rem;font-size:1.05rem;position:relative;z-index:105}.upgrade-note{background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:12px;padding:1rem;margin-top:1rem;color:#4ade80;font-size:.95rem}.pie-chart{display:flex;flex-direction:column;align-items:center;gap:1rem;transform-style:preserve-3d;position:relative;z-index:103}.pie-chart svg{filter:drop-shadow(0 8px 16px rgba(0,0,0,.4));transition:transform .4s ease;transform-origin:center center;position:relative;z-index:104}.pie-chart svg:hover{transform:rotateX(5deg) rotateY(5deg) scale(1.02)}.pie-segment-3d{transition:all .3s ease;cursor:pointer;transform-origin:center center}.pie-segment-3d:hover{filter:drop-shadow(0 6px 12px rgba(0,0,0,.5)) brightness(1.1)!important;stroke-width:3;transform:translateZ(5px)}.pie-segment-side{opacity:.8;transition:opacity .3s ease}.pie-segment-shadow{opacity:.6}.pie-label{pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;text-shadow:1px 1px 0px rgba(0,0,0,.8),2px 2px 4px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.4);transition:all .3s ease}.pie-legend{display:flex;flex-direction:column;gap:.75rem;max-width:220px;position:relative;z-index:104}.legend-item-3d{display:flex;align-items:center;gap:.75rem;background:linear-gradient(145deg,#ffffff14,#ffffff05);padding:.6rem .8rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);transition:all .4s ease;box-shadow:0 4px 8px #0003,inset 0 1px #ffffff1a;position:relative;z-index:105}.legend-item-3d:hover{background:linear-gradient(145deg,#ffffff26,#ffffff0d);transform:translate(6px) translateZ(2px);box-shadow:0 6px 16px #0000004d,inset 0 1px #fff3;border-color:#fff3}.legend-color-3d{width:18px;height:18px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.4);box-shadow:0 3px 6px #0000004d,inset 0 1px #fff6,inset 0 -1px #0003;transition:all .3s ease;position:relative}.legend-color-3d:before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 50%,rgba(0,0,0,.1) 100%);pointer-events:none}.legend-item-3d:hover .legend-color-3d{transform:scale(1.1);box-shadow:0 4px 8px #0006,inset 0 1px #ffffff80,inset 0 -1px #0000004d}.legend-text{color:#fff;font-size:.9rem;font-weight:600;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.5);position:relative;z-index:106}.minor-traits-breakdown{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:105}.minor-traits-breakdown h5{color:#a0a0a0;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.minor-traits-list{display:flex;flex-direction:column;gap:.25rem}.minor-trait{color:#b0b0b0;font-size:.8rem;padding:.25rem 0}.traits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.trait-item{background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.75rem;transition:all .3s ease}.trait-item:hover{background:#667eea33;transform:translateY(-2px)}.trait-icon{color:#667eea;font-size:1.2rem;font-weight:700}.trait-text{color:#fff;font-weight:500;flex:1}.game-type-card{background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid rgba(102,126,234,.4);border-radius:16px;padding:2rem;text-align:center}.game-description{color:#fff;font-size:1.3rem;font-weight:500;line-height:1.5;margin:0}.careers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.career-item{background:#f093fb1a;border:1px solid rgba(240,147,251,.3);border-radius:12px;padding:1rem;text-align:center;transition:all .3s ease}.career-item:hover{background:#f093fb33;transform:translateY(-2px)}.career-text{color:#f093fb;font-weight:500;font-size:.95rem}.insights-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;line-height:1.6}.insights-card p{color:#d0d0d0;margin-bottom:1rem}.insights-card p:last-child{margin-bottom:0}.results-actions{text-align:center;margin-top:4rem;position:relative;z-index:10}.primary-action-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1.25rem 2.5rem;border-radius:16px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;margin-bottom:2rem;box-shadow:0 4px 15px #667eea4d}.primary-action-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea66}.secondary-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.upgrade-btn{background:linear-gradient(135deg,#4ade80,#22d3ee);color:#fff;border:none}.upgrade-btn:hover{background:linear-gradient(135deg,#4ade80,#22d3ee);transform:translateY(-2px);box-shadow:0 6px 20px #4ade804d}.error-message{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:8px;padding:1rem;margin-bottom:2rem;text-align:center;position:relative;z-index:10}.error-message p{color:#ff6b6b;margin:0}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea4d}.game-discovery-page.results,.game-discovery-page.results *,.discovery-container.results,.discovery-container.results *{background-image:none!important}.floating-symbols,.discovery-background .floating-symbols,.results .floating-symbols,.game-discovery-page .floating-symbols,.discovery-background.results .floating-symbols,.discovery-background.results .floating-symbols *,.results .floating-symbols *,.game-discovery-page .floating-symbols *{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:absolute!important;left:-9999px!important;top:-9999px!important}.discovery-container.results:before,.discovery-container.results:after,.discovery-background.results:before,.discovery-background.results:after,.results-content:before,.results-content:after,.results-section:before,.results-section:after,.personality-combination:before,.personality-combination:after{display:none!important;content:none!important;visibility:hidden!important}.discovery-container.results *:before,.discovery-container.results *:after{content:none!important;display:none!important}.discovery-background.results{background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e)!important;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.results-content{position:relative;z-index:100;background:none}.celebration-animation,.celebration-symbol{display:none!important;visibility:hidden!important}@media (max-width: 768px){.discovery-container{padding:1rem}.discovery-title{font-size:2.2rem}.assessment-options{grid-template-columns:1fr;gap:1.5rem}.assessment-option{padding:1.5rem}.option-header{flex-direction:column;align-items:flex-start;gap:.75rem}.option-header h4{font-size:1.2rem}.assessment-details{grid-template-columns:1fr;gap:1rem}.assessment-categories{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.category-item{padding:.75rem;gap:.5rem}.category-name{font-size:.8rem}.assessment-actions{flex-direction:column;gap:1rem}.start-assessment-btn{width:100%;padding:1rem 2rem;font-size:1.1rem}.discovery-container.assessment{padding:1rem;min-height:100vh;justify-content:flex-start}.assessment-header{margin-bottom:1rem;flex-direction:column;align-items:stretch;gap:.75rem}.assessment-meta{justify-content:center}.question-content{flex:1;display:flex;flex-direction:column;justify-content:center;margin-bottom:.5rem}.question-text{font-size:1.8rem;margin-bottom:2rem;line-height:1.3;padding:0 .5rem}.answer-options{gap:1rem;padding:0 .5rem}.answer-options.three-options{gap:1rem}.answer-option{padding:1.25rem;gap:.75rem;border-radius:16px;min-height:80px;align-items:center}.option-letter{width:40px;height:40px;font-size:1.1rem}.option-text{font-size:1.2rem;line-height:1.4}.combination-layout{grid-template-columns:1fr;gap:1.5rem}.chart-section{order:2}.summary-section{order:1}.pie-chart svg{width:200px;height:200px}.primary-icon{min-width:40px;min-height:40px;max-width:150px;max-height:50px;font-size:1.2rem;line-height:1;padding:.5rem .7rem}.influence-icon{min-width:28px;min-height:28px;max-width:110px;max-height:35px;font-size:.8rem;line-height:1;padding:.3rem .5rem}.results-title{font-size:2.2rem}.animal-symbol{font-size:3rem}.animal-description{font-size:1.1rem}.results-section h3{font-size:1.5rem}.traits-grid{grid-template-columns:1fr;gap:.75rem}.careers-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.primary-action-btn{width:100%;padding:1rem 2rem;font-size:1.1rem}.secondary-actions{flex-direction:column;align-items:center}.secondary-btn{width:100%;max-width:300px}}@media (max-width: 480px){.discovery-container{padding:1rem}.discovery-title{font-size:1.8rem;line-height:1.2}.assessment-option{padding:1rem}.option-header h4{font-size:1.1rem}.option-description{font-size:.9rem}.feature{font-size:.8rem}.assessment-tips{padding:1.5rem}.assessment-tips h4{font-size:1.1rem}.detail-item{flex-direction:column;text-align:center;gap:.5rem}.detail-icon{font-size:1.5rem}.assessment-categories{grid-template-columns:1fr}.start-assessment-btn{padding:1rem 1.5rem;font-size:1rem}.discovery-container.assessment{padding:.5rem;justify-content:flex-start;min-height:100vh}.assessment-header{margin-bottom:.75rem;padding:0 .5rem}.question-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:1rem 0}.question-text{font-size:1.6rem;margin-bottom:2rem;line-height:1.25;text-align:center;padding:0}.answer-options{gap:1rem;max-width:none;padding:0 .5rem}.answer-options.three-options{gap:1rem}.answer-option{padding:1.5rem 1rem;border-radius:16px;min-height:85px;display:flex;align-items:center;gap:1rem}.option-letter{width:42px;height:42px;font-size:1.2rem;flex-shrink:0}.option-text{font-size:1.2rem;line-height:1.4;flex:1}.assessment-footer{margin-top:.5rem;padding:0 1rem}.assessment-hint{font-size:.9rem;line-height:1.4}.results-title{font-size:1.8rem;line-height:1.2}.animal-display{padding:1.5rem}.animal-symbol{font-size:2.5rem}.results-section.personality-combination{padding:1.5rem}.pie-chart svg{width:180px;height:180px}.pie-legend{max-width:none}.legend-item-3d{padding:.5rem;font-size:.85rem}.primary-display{padding:1rem;gap:.75rem}.primary-icon{min-width:35px;min-height:35px;max-width:130px;max-height:45px;font-size:1rem;padding:.4rem .6rem}.primary-text h4{font-size:1.2rem}.primary-text p{font-size:1rem}.influence-card{padding:.5rem .75rem;gap:.5rem}.influence-icon{min-width:25px;min-height:25px;max-width:100px;max-height:30px;font-size:.7rem;padding:.25rem .4rem}.influence-card{flex-wrap:wrap}.strengths-section{padding:1rem}.strengths-section h4{font-size:1.1rem}.strengths-section p{font-size:1rem}.trait-item,.career-item{padding:.75rem}.insights-card{padding:1.5rem}.primary-action-btn{padding:1rem 1.5rem;font-size:1rem}.assessment-completion-badge{padding:.75rem 1.5rem}.completion-text{font-size:.9rem}.upgrade-note{font-size:.85rem;padding:.75rem}}@media (max-width: 360px){.discovery-container{padding:.5rem}.discovery-title{font-size:1.6rem}.assessment-option{padding:1rem;margin-bottom:1rem}.option-header{gap:.5rem}.option-icon{width:40px;height:40px;font-size:1.2rem}.discovery-container.assessment{padding:.5rem .25rem .25rem}.assessment-header{margin-bottom:.5rem;padding:0 .25rem}.question-text{font-size:1.4rem;margin-bottom:1.5rem;padding:0 .5rem}.answer-options{padding:0 .25rem}.answer-option{padding:1.25rem .75rem;min-height:80px}.option-letter{width:38px;height:38px;font-size:1.1rem}.option-text{font-size:1.1rem;line-height:1.3}.pie-chart svg{width:160px;height:160px}.primary-icon{max-width:120px;max-height:40px;font-size:.9rem}.influence-icon{max-width:90px;max-height:28px;font-size:.65rem}}.answer-option:focus,.option-button:focus,.start-assessment-btn:focus,.secondary-btn:focus,.primary-action-btn:focus{outline:2px solid #4ade80;outline-offset:2px}@media print{.floating-symbols,.assessment-actions,.results-actions,.secondary-actions,.discovery-background{display:none!important}.game-discovery-page{background:#fff!important;color:#000!important}.results-title,.animal-description,.trait-text,.career-text{color:#000!important}}.student-dashboard{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);color:#fff}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);color:#fff}.loading-spinner{width:50px;height:50px;border:3px solid rgba(102,126,234,.3);border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.dashboard-header{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.main-nav{display:flex;gap:1rem}.nav-item{background:none;border:none;color:#a0a0a0;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500}.nav-item:hover{color:#fff;background:#ffffff1a}.nav-item.active{color:#667eea;background:#667eea33}.profile-section{display:flex;align-items:center;gap:1.5rem}.profile-info{text-align:right}.welcome-text{display:block;color:#a0a0a0;font-size:.9rem;margin-bottom:.25rem}.game-type{display:flex;align-items:center;gap:.75rem}.game-symbol{font-size:1.5rem;font-weight:700}.game-details{display:flex;flex-direction:column;align-items:flex-end}.game-name{color:#fff;font-weight:600;font-size:1rem}.game-subdivision{color:#a0a0a0;font-size:.8rem;font-style:italic}.logout-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .3s ease}.logout-btn:hover{background:#fff3}.dashboard-main{max-width:1200px;margin:0 auto;padding:2rem}.hero-section{text-align:center;margin-bottom:4rem}.hero-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.hero-subtitle{font-size:1.2rem;color:#b0b0b0;line-height:1.6;max-width:600px;margin:0 auto 2rem}.hero-stats{display:flex;justify-content:center;gap:3rem;margin-top:2rem}.stat{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:#667eea;margin-bottom:.25rem}.game-insights{margin-bottom:4rem}.section-title{display:flex;align-items:center;gap:1rem;font-size:1.8rem;font-weight:600;margin-bottom:2rem;color:#fff;flex-wrap:wrap}.title-icon{font-size:1.8rem;font-weight:700;flex-shrink:0;min-width:fit-content;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.subdivision-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;margin-left:.5rem;white-space:nowrap;flex-shrink:0}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;align-items:start}.insight-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;transition:all .3s ease;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.insight-card:hover{background:#ffffff14;border-color:#667eea4d;transform:translateY(-2px)}.insight-card.primary{border-color:#667eea80;background:#667eea1a;grid-column:1 / -1;max-width:100%}.insight-card h4{color:#fff;font-size:1.2rem;margin-bottom:1rem;word-wrap:break-word;line-height:1.3}.insight-card h5{color:#667eea;font-size:1rem;margin:1rem 0 .5rem;word-wrap:break-word}.insight-card p{color:#d0d0d0;line-height:1.5;margin-bottom:1rem;word-wrap:break-word}.subdivision-details{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.traits-list,.interests-tags,.careers-list,.strengths-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.trait-tag,.interest-tag,.career-tag,.strength-tag{background:#667eea33;color:#667eea;padding:.25rem .75rem;border-radius:16px;font-size:.85rem;font-weight:500;border:1px solid rgba(102,126,234,.3)}.strength-tag{background:#4ade8033;color:#4ade80;border-color:#4ade804d}.career-tag{background:#f093fb33;color:#f093fb;border-color:#f093fb4d}.specialized-strengths{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.insight-card.discovery-depth{border-color:#4ade8080;background:#4ade801a}.discovery-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.discovery-badge{background:#4ade8033;color:#4ade80;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;border:1px solid rgba(74,222,128,.3)}.learning-preferences{color:#d0d0d0}.learning-preferences strong{color:#fff}.assessment-stats{display:flex;flex-direction:column;gap:.75rem}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.stat-item:last-child{border-bottom:none}.stat-label{color:#a0a0a0;font-size:.9rem}.stat-value{color:#fff;font-weight:500;font-size:.9rem}.quick-actions{margin-top:4rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.action-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;text-decoration:none;color:inherit;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center}.action-card:hover{background:#ffffff14;border-color:#667eea4d;transform:translateY(-4px)}.action-icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.action-card h4{color:#fff;font-size:1.2rem;margin-bottom:.5rem}.action-card p{color:#a0a0a0;line-height:1.4;margin:0}.coming-soon{text-align:center;padding:4rem 2rem;background:#ffffff0d;border-radius:20px;border:1px solid rgba(255,255,255,.1);position:relative}.coming-soon-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;margin:0 auto 2rem}.coming-soon h3{color:#fff;font-size:2rem;margin-bottom:1rem}.coming-soon p{color:#a0a0a0;font-size:1.1rem;margin-bottom:2rem}.feature-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.preview-item{background:#4ade801a;color:#4ade80;padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(74,222,128,.3);font-weight:500}.coming-soon-badge{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-weight:600;display:inline-block}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem;padding:1rem}.main-nav{order:2;width:100%;justify-content:center}.profile-section{order:1;justify-content:space-between;width:100%}.profile-info{text-align:left}.game-details{align-items:flex-start}.dashboard-main{padding:1rem}.hero-title{font-size:2rem}.hero-stats{flex-direction:column;gap:1.5rem}.insights-grid{grid-template-columns:1fr;gap:1rem}.insight-card.primary{grid-column:1}.actions-grid{grid-template-columns:1fr;gap:1rem}.section-title{font-size:1.4rem;flex-direction:column;align-items:flex-start;gap:.5rem;line-height:1.2}.title-icon{font-size:1.5rem;max-width:100px}.subdivision-badge{margin-left:0;font-size:.75rem;padding:.2rem .6rem}.traits-list,.interests-tags,.careers-list,.strengths-list{gap:.25rem}.trait-tag,.interest-tag,.career-tag,.strength-tag{font-size:.75rem;padding:.2rem .5rem}}@media (max-width: 480px){.main-nav{flex-direction:column}.nav-item{text-align:center;width:100%}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:1rem}.insight-card{padding:1rem}.action-card{padding:1.5rem}.action-icon{width:50px;height:50px;font-size:1.2rem}.coming-soon{padding:2rem 1rem}.coming-soon-icon{width:60px;height:60px;font-size:1.5rem}}.student-setup-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;background:var(--color-bg-primary)}.setup-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.gradient-orbs{position:absolute;top:0;right:0;bottom:0;left:0;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%);animation:orbFloat 20s ease-in-out infinite}@keyframes orbFloat{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.05) rotate(180deg)}}.setup-container{position:relative;z-index:1;width:100%;max-width:700px;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:40px;box-shadow:var(--shadow-2xl)}.setup-header{text-align:center;margin-bottom:40px}.setup-title{font-size:clamp(26px,4vw,32px);font-weight:var(--font-weight-normal);letter-spacing:-.02em;margin-bottom:12px;color:var(--color-text-primary);line-height:1.2}.setup-subtitle{font-size:16px;color:var(--color-text-secondary);max-width:500px;margin:0 auto 20px;line-height:1.5}.game-reminder{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#667eea1a,#4ade801a);border:1px solid rgba(102,126,234,.2);border-radius:var(--radius-full);font-size:14px;color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.game-icon{font-size:16px}.setup-form{display:flex;flex-direction:column;gap:32px}.form-section{display:flex;flex-direction:column;gap:16px}.section-title{font-size:18px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:8px}.section-hint{font-size:14px;color:var(--color-text-muted);margin-top:-8px;margin-bottom:8px}.form-textarea,.form-select{width:100%;padding:16px;background:var(--color-surface-hover);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:15px;font-family:inherit;transition:all .3s ease;outline:none;resize:vertical}.form-textarea::placeholder{color:var(--color-text-disabled)}.form-textarea:focus,.form-select:focus{background:var(--color-surface-active);border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.style-options{display:flex;flex-direction:column;gap:12px}.style-option{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--color-surface-hover);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;position:relative}.style-option:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.style-option.selected{background:#667eea1a;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 25px #667eea33}.style-radio{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:var(--color-primary)}.style-content{flex:1}.style-label{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:4px}.style-description{font-size:14px;color:var(--color-text-secondary);line-height:1.4;margin:0}.time-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.time-option{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;background:var(--color-surface-hover);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;text-align:center;position:relative}.time-option:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-md)}.time-option.selected{background:#667eea1a;border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 25px #667eea33}.time-radio{position:absolute;top:12px;right:12px;width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.time-content{margin-top:8px}.time-label{font-size:15px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:6px}.time-description{font-size:13px;color:var(--color-text-secondary);margin:0}.subjects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.subject-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;background:var(--color-surface-hover);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;text-align:center}.subject-card:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-md)}.subject-card.selected{background:#667eea1a;border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 25px #667eea33}.subject-symbol{font-size:28px;margin-bottom:4px}.subject-name{font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-actions{text-align:center;margin-top:40px}.complete-setup-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;border:none;padding:16px 48px;border-radius:var(--radius-full);font-size:16px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease;margin-bottom:16px;position:relative;overflow:hidden;min-height:52px;display:inline-flex;align-items:center;justify-content:center}.complete-setup-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}.complete-setup-btn:hover:not(:disabled):before{left:100%}.complete-setup-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 30px #667eea66}.complete-setup-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner{display:flex;align-items:center;gap:8px}.loading-spinner:before{content:"";width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-note{font-size:13px;color:var(--color-text-muted);margin:0}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:16px;color:var(--color-danger);font-size:14px;font-weight:var(--font-weight-medium);margin-bottom:24px;text-align:center}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:18px;color:var(--color-text-secondary)}.loading-screen:after{content:"";width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-left:12px}@media (max-width: 768px){.student-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:24px 20px;min-height:100vh}.setup-title{font-size:24px}.setup-subtitle{font-size:15px}.setup-form{gap:24px}.section-title{font-size:16px}.style-options{gap:8px}.style-option{padding:16px;gap:12px}.style-label{font-size:15px}.style-description{font-size:13px}.time-options{grid-template-columns:1fr;gap:8px}.time-option{flex-direction:row;text-align:left;padding:16px;align-items:center}.time-radio{position:static;margin:0;order:1}.time-content{margin:0;flex:1}.subjects-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.subject-card{padding:16px 8px}.subject-symbol{font-size:24px}.subject-name{font-size:13px}.complete-setup-btn{width:100%;max-width:300px;padding:14px 32px;font-size:15px}.form-actions{margin-top:32px}}@media (max-width: 375px){.setup-container{padding:20px 16px}.setup-title{font-size:22px}.subjects-grid{grid-template-columns:repeat(3,1fr)}.subject-card{padding:12px 6px}.subject-symbol{font-size:20px}.subject-name{font-size:12px}}@media (prefers-contrast: high){.setup-container,.style-option,.time-option,.subject-card{border-width:2px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.gradient-orbs{animation:none}}.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}}: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: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}@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 slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@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}}.proposal-detail-page{min-height:100vh;background:var(--color-bg-primary);padding:var(--space-6) var(--space-4);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.proposal-container{max-width:1000px;margin:0 auto;position:relative}.proposal-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.title-section{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);flex-wrap:wrap}.title-section h1{font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:var(--leading-tight)}.status-badge{padding:var(--space-1) var(--space-3);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}.status-badge.draft{background:#6b72801a;color:var(--color-text-muted);border:1px solid rgba(107,114,128,.3)}.status-badge.submitted{background:#3b82f61a;color:var(--color-info);border:1px solid rgba(59,130,246,.3)}.status-badge.under-review{background:#f59e0b1a;color:var(--color-warning);border:1px solid rgba(245,158,11,.3)}.status-badge.approved{background:#10b9811a;color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.status-badge.rejected{background:#ef44441a;color:var(--color-danger);border:1px solid rgba(239,68,68,.3)}.status-badge.needs-revision{background:#8b5cf61a;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.header-actions{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);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-2);min-height:44px;text-decoration:none;justify-content:center;white-space:nowrap}.btn-success{background:var(--color-success);border-color:var(--color-success);color:#fff}.btn-success:hover{background:#059669;border-color:#059669}.admin-feedback-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8);box-shadow:var(--shadow-lg)}.admin-feedback-section h3{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-2)}.admin-feedback-section h3:before{content:"👨‍💼";font-size:var(--font-2xl)}.feedback-card{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);position:relative}.feedback-card:last-child{margin-bottom:0}.review-score{position:absolute;top:var(--space-3);right:var(--space-3);background:var(--color-primary);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-bold)}.feedback-text{margin-bottom:var(--space-4)}.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-2)}.feedback-text p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0;white-space:pre-line}.review-date{font-size:var(--font-xs);color:var(--color-text-muted);font-style:italic}.proposal-content{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);margin-bottom:var(--space-6)}.view-mode{display:flex;flex-direction:column;gap:var(--space-8)}.section{padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.section:last-child{border-bottom:none;padding-bottom:0}.section h2{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-2)}.section h2:before{content:"";width:4px;height:24px;background:var(--gradient-primary);border-radius:2px}.info-grid{display:grid;gap:var(--space-4)}@media (min-width: 768px){.info-grid{grid-template-columns:repeat(2,1fr)}}.info-item{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-base)}.info-item:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.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-2);text-transform:uppercase;letter-spacing:.05em}.info-item p{color:var(--color-text-primary);font-size:var(--font-base);line-height:var(--leading-relaxed);margin:0}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4)}.details-grid>div{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);text-align:center;font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);transition:all var(--transition-base)}.details-grid>div:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);transform:translateY(-2px)}.roles-list{display:grid;gap:var(--space-5)}.role-item{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-base);position:relative}.role-item:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.role-item h4{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.role-item h4:before{font-size:var(--font-xl)}.role-item p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.role-item em{display:block;color:var(--color-primary);font-style:italic;margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);background:#667eea1a;border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.role-item>div{font-size:var(--font-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.positive-expectations,.warning-expectations{background:var(--color-surface-hover);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--color-border)}.positive-expectations{border-left:4px solid var(--color-success)}.warning-expectations{border-left:4px solid var(--color-warning)}.positive-expectations h4,.warning-expectations h4{font-size:var(--font-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2)}.positive-expectations h4:before{content:"✅"}.warning-expectations h4:before{content:"⚠️"}.positive-expectations ul,.warning-expectations ul{list-style:none;padding:0;margin:0}.positive-expectations li,.warning-expectations li{display:flex;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-sm);line-height:var(--leading-relaxed)}.positive-expectations li:before{content:"▪";color:var(--color-success);font-weight:var(--font-weight-bold);flex-shrink:0;margin-top:2px}.warning-expectations li:before{content:"▪";color:var(--color-warning);font-weight:var(--font-weight-bold);flex-shrink:0;margin-top:2px}.edit-mode{animation:fadeInUp .4s ease-out}.form-container{display:flex;flex-direction:column;gap:var(--space-8)}.form-section{padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.form-section:last-child{border-bottom:none;padding-bottom:0}.form-section h3{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-2)}.form-section h3:before{content:"";width:4px;height:20px;background:var(--gradient-primary);border-radius:2px}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;margin-bottom:var(--space-2);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.form-textarea{resize:vertical;min-height:100px;line-height:var(--leading-relaxed)}@media (max-width: 768px){.proposal-detail-page{padding:var(--space-4) var(--space-2)}.proposal-header{flex-direction:column;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-6)}.title-section{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.title-section h1{font-size:var(--font-2xl)}.header-actions{width:100%;justify-content:flex-start}.proposal-content{padding:var(--space-4);border-radius:var(--radius-lg)}.admin-feedback-section,.feedback-card{padding:var(--space-4)}.review-score{position:static;align-self:flex-start;margin-bottom:var(--space-3)}.section h2{font-size:var(--font-xl);margin-bottom:var(--space-4)}.info-grid{grid-template-columns:1fr}.details-grid{grid-template-columns:repeat(2,1fr)}.expectations-grid{grid-template-columns:1fr}.companies-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-2)}.company-tag{padding:var(--space-2) var(--space-3);font-size:var(--font-xs)}.array-input{flex-direction:column;gap:var(--space-2)}.remove-btn{align-self:flex-end;min-height:36px}.form-row{grid-template-columns:1fr}.header-actions .btn{flex:1;justify-content:center}}@media (max-width: 374px){.title-section h1{font-size:var(--font-xl)}.details-grid{grid-template-columns:1fr}.companies-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.company-tag{padding:var(--space-1) var(--space-2);font-size:10px;min-height:36px}}.back-button:focus,.btn:focus,.company-tag:focus,.form-input:focus,.form-select:focus,.form-textarea:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.edit-mode,.info-item,.role-item,.company-tag,.btn{animation:none;transition:none}.info-item:hover,.role-item:hover,.company-tag:hover,.btn:hover{transform:none}.loading-spinner{animation:none}}@media print{.proposal-detail-page{background:#fff;color:#000;padding:0}.back-button,.header-actions,.btn{display:none}.proposal-content,.admin-feedback-section{box-shadow:none;border:1px solid #ccc;break-inside:avoid}.status-badge{border:1px solid #000;color:#000!important}.feedback-card,.info-item,.role-item{break-inside:avoid}}.success-notification{position:fixed;top:var(--space-4);right:var(--space-4);background:var(--color-success);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);z-index:1000;box-shadow:var(--shadow-xl);animation:slideInRight .3s ease-out}.section-icon{display:inline-block;margin-right:var(--space-2);font-size:var(--font-xl)}.section-description{color:var(--color-text-muted);font-size:var(--font-sm);margin-bottom:var(--space-4);font-style:italic}.proposal-content.saving{opacity:.7;pointer-events:none}.proposal-content.saving:after{content:"Saving...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-surface);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);box-shadow:var(--shadow-lg);z-index:10}.create-project-page{min-height:100vh;background:var(--color-bg-primary);padding:var(--space-6) var(--space-4);font-family:-apple-system,BlinkMacSystemFont,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-4);margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.back-button{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-2);text-decoration:none;min-height:44px}.page-title{font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:var(--leading-tight)}.page-subtitle{font-size:var(--font-base);color:var(--color-text-muted);margin:var(--space-2) 0 0 0;line-height:var(--leading-normal)}.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-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);margin-bottom:var(--space-6)}.form-label .required{color:var(--color-danger);margin-left:var(--space-1)}.error-message{color:var(--color-danger);font-size:var(--font-sm);margin-top:var(--space-1);display:flex;align-items:center;gap:var(--space-1)}.form-row{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@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-3);margin-bottom:var(--space-4)}.company-tag{background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}.company-tag:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.company-tag.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.roles-section{margin-top:var(--space-8)}.roles-section h3{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-6);text-align:center}.role-card{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);transition:all var(--transition-base);position:relative}.role-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);gap:var(--space-4)}.role-header h4{font-size:var(--font-lg);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-2) var(--space-3);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)}.role-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-bottom:var(--space-4)}@media (min-width: 768px){.role-grid{grid-template-columns:2fr 1fr 1fr}}.array-input{display:flex;gap:var(--space-3);margin-bottom:var(--space-3);align-items:flex-start}.array-input .form-input{flex:1}.remove-btn{background:var(--color-danger);border:none;color:#fff;padding:var(--space-2) var(--space-3);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)}.add-btn{background:var(--color-primary);border:none;color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-2);min-height:44px}.add-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.add-role-btn{background:var(--color-secondary);border:none;color:#fff;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);font-size:var(--font-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:52px;margin-top:var(--space-4)}.add-role-btn:hover{background:#22c55e;transform:translateY(-2px);box-shadow:var(--shadow-md)}.expectations-section{margin-top:var(--space-8)}.expectations-section h3{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-6);text-align:center}.expectations-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 768px){.expectations-grid{grid-template-columns:1fr 1fr}}.expectations-positive,.expectations-warnings{background:var(--color-surface-hover);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--color-border)}.expectations-positive{border-left:4px solid var(--color-success)}.expectations-warnings{border-left:4px solid var(--color-warning)}.expectations-positive h4,.expectations-warnings h4{font-size:var(--font-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--color-text-primary)}.review-section{background:var(--color-surface-hover);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);border:1px solid var(--color-border)}.review-section h3{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-6);text-align:center}.summary-card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-5);border:1px solid var(--color-border)}.summary-card h4{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.summary-subtitle{font-size:var(--font-base);color:var(--color-text-muted);margin-bottom:var(--space-4);font-style:italic}.summary-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4)}.summary-meta span{background:var(--color-surface-hover);padding:var(--space-1) var(--space-3);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-4)}.role-summary{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-4);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-2) 0 0 0;color:var(--color-text-secondary);font-size:var(--font-sm)}.submission-notice{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);padding:var(--space-5);margin-top:var(--space-6)}.submission-notice h4{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--space-3)}.submission-notice p{color:var(--color-primary);font-size:var(--font-sm);line-height:var(--leading-relaxed);margin:0;opacity:.9}.form-navigation{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-top:1px solid var(--color-border);gap:var(--space-4)}.nav-spacer{flex:1}@media (max-width: 768px){.create-project-page{padding:var(--space-4) var(--space-2)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-6)}.page-title{font-size:var(--font-2xl)}.page-subtitle{font-size:var(--font-sm)}.progress-steps{padding:0;margin-bottom:var(--space-6);gap:var(--space-2)}.progress-step{max-width:none}.step-label{font-size:10px;max-width:80px}.form-container{padding:var(--space-4);border-radius:var(--radius-lg)}.step-title{font-size:var(--font-xl);margin-bottom:var(--space-4)}.companies-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-2)}.company-tag{padding:var(--space-2) var(--space-3);font-size:var(--font-xs)}.role-card{padding:var(--space-4)}.role-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.array-input{flex-direction:column;gap:var(--space-2)}.remove-btn{align-self:flex-end;min-height:36px}.form-navigation{flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.form-navigation .btn{width:100%}.nav-spacer{display:none}.summary-meta{flex-direction:column;gap:var(--space-2)}.summary-meta span{display:inline-block;width:fit-content}}@media (max-width: 374px){.progress-steps{overflow-x:auto;padding:0 var(--space-2)}.step-label{font-size:9px;max-width:60px}.companies-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.company-tag{padding:var(--space-1) var(--space-2);font-size:10px;min-height:36px}}.back-button:focus,.company-tag:focus,.btn:focus,.form-input:focus,.form-select:focus,.form-textarea:focus{outline:2px solid var(--color-primary);outline-offset:2px}@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}}@media print{.create-project-page{background:#fff;color:#000}.form-navigation,.back-button{display:none}.form-container{box-shadow:none;border:1px solid #ccc}}@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}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#000;color:#fff;overflow-x:hidden}.container{max-width:1400px;margin:0 auto;padding:0 20px}.btn{padding:12px 24px;border:none;border-radius:100px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26}.app{min-height:100vh;background:var(--color-bg-primary)}.navbar{position:fixed;top:0;left:0;right:0;background:#000000e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);z-index:1000;transition:all .3s ease}.nav-container{max-width:1400px;margin:0 auto;padding:0 2rem;height:80px;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:28px;font-weight:300;letter-spacing:-1px;text-decoration:none;color:#fff;transition:all .3s ease}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{color:#ffffffb3;text-decoration:none;font-size:16px;font-weight:400;transition:color .3s ease;position:relative}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#667eea;transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-signup{padding:10px 24px;font-size:15px}.nav-user-menu{display:flex;align-items:center;gap:1rem}.nav-user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.nav-user-avatar:hover{transform:scale(1.1);border-color:#667eea}.logout-btn{padding:8px 20px;font-size:14px}.mobile-menu-toggle{display:none}.main-content{padding-top:80px}.home-page{background:#000;color:#fff;min-height:100vh}.section-title{font-size:48px;font-weight:300;text-align:center;margin-bottom:24px;letter-spacing:-2px}.section-subtitle{font-size:20px;color:#ffffffb3;text-align:center;margin-bottom:60px;max-width:700px;margin-left:auto;margin-right:auto}.hero-content{position:relative;z-index:2;text-align:center;max-width:1200px;margin:0 auto;padding:0 20px}.old-way{color:#fff6;text-decoration:line-through}.transition-icon{color:#667eea;font-size:24px}.new-way{color:#4ade80;font-weight:600}.hero-title.revolutionary{font-size:clamp(56px,10vw,120px);font-weight:200;letter-spacing:-.05em;line-height:.9;margin-bottom:32px;animation:fadeInUp 1s ease .2s both}.gradient-text{background:linear-gradient(135deg,#667eea,#4ade80,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.hero-subtitle{font-size:20px;line-height:1.6;color:#fffc;max-width:800px;margin:0 auto 40px}.hero-welcome h2{font-size:32px;font-weight:400;margin-bottom:30px}.hero-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn-playground{background:linear-gradient(135deg,#4ade80,#667eea);color:#fff;padding:16px 40px;font-size:16px;font-weight:600;border:none;border-radius:100px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-playground:hover{transform:translateY(-2px);box-shadow:0 20px 40px #4ade804d}.btn-glass{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#fff;padding:16px 40px;font-size:16px;font-weight:500;border-radius:100px;cursor:pointer;transition:all .3s ease}.btn-glass:hover{background:#ffffff1a;transform:translateY(-2px);border-color:#fff3}.stat-item{display:flex;align-items:center;gap:12px;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);padding:12px 24px;border-radius:100px}.stat-dot{width:8px;height:8px;background:#ef4444;border-radius:50%}.stat-dot.live{background:#4ade80;animation:livePulse 2s infinite}.stat-icon{font-size:20px}.stat-text{font-size:14px;color:#fffc}.shift-section{padding:120px 20px;background:#0a0a0a;position:relative}.timeline-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:center;max-width:1400px;margin:0 auto}.era h3{text-align:center;font-size:24px;font-weight:400;margin-bottom:32px;color:#fff9}.era.present h3{color:#4ade80}.era-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:48px 40px;height:100%;transition:all .5s ease}.era.past .era-card{background:#ff000005;border-color:#ff00001a}.era-card.active{background:#4ade8005;border-color:#4ade8033;transform:scale(1.02)}.era-icon{font-size:64px;text-align:center;margin-bottom:24px}.era-card h4{font-size:32px;font-weight:600;text-align:center;margin-bottom:32px}.era-list{list-style:none;padding:0}.era-list li{position:relative;padding-left:28px;margin-bottom:16px;color:#fffc;line-height:1.6}.era-list li:before{content:"";position:absolute;left:0;top:8px;width:16px;height:2px;background:#ffffff4d}.era.present .era-list li:before{background:#4ade80;width:8px;height:8px;border-radius:50%;top:6px}.transformation-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.arrow-line{width:60px;height:2px;background:linear-gradient(90deg,#ff00004d,#4ade80);position:relative}.arrow-line:after{content:"→";position:absolute;right:-20px;top:-12px;font-size:24px;color:#4ade80}.arrow-text{font-size:14px;font-weight:600;color:#667eea;text-align:center;max-width:120px}.why-section{padding:120px 20px;background:#000}.why-content{max-width:900px;margin:0 auto}.why-content h2{font-size:56px;font-weight:300;text-align:center;margin-bottom:48px;letter-spacing:-.02em}.why-lead{font-size:20px;line-height:1.8;color:#fffc;margin-bottom:32px}.why-lead.highlight{background:#4ade801a;border-left:4px solid #4ade80;padding:24px 32px;border-radius:8px;color:#fff;font-weight:500}.experience-section{padding:120px 20px;background:#0a0a0a}.experience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:1200px;margin:0 auto 48px}.experience-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:32px;transition:all .3s ease;position:relative;overflow:hidden}.experience-card:before{content:"";position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(180deg,rgba(102,126,234,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.experience-card:hover:before{opacity:1}.experience-card:hover{transform:translateY(-4px);border-color:#667eea4d}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.time{font-size:14px;font-weight:600;color:#667eea}.vibe{font-size:14px;color:#fff9}.experience-card h4{font-size:20px;font-weight:600;margin-bottom:12px;color:#fff}.experience-card p{color:#ffffffb3;line-height:1.6;margin-bottom:20px}.card-stats{display:flex;gap:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.card-stats span{font-size:13px;color:#ffffff80}.experience-summary{text-align:center;max-width:600px;margin:0 auto}.experience-summary p{font-size:20px;font-weight:500;color:#4ade80}.skills-showcase{padding:120px 20px;background:#000}.skills-ecosystem{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1400px;margin:0 auto}.skill-category{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:40px;transition:all .3s ease}.skill-category:hover{transform:translateY(-4px)}.skill-category.creators{border-top:3px solid #f093fb}.skill-category.builders{border-top:3px solid #667eea}.skill-category.connectors{border-top:3px solid #4ade80}.skill-category.thrivers{border-top:3px solid #fbbf24}.skill-category h3{font-size:24px;font-weight:600;margin-bottom:32px;display:flex;align-items:center;gap:12px}.skill-list{display:flex;flex-direction:column;gap:24px}.skill-item{padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.05)}.skill-item:last-child{border-bottom:none;padding-bottom:0}.skill-name{display:block;font-size:18px;font-weight:500;color:#fff;margin-bottom:8px}.skill-detail{display:block;font-size:14px;color:#fff9;line-height:1.5}.stories-section{padding:120px 20px;background:#0a0a0a}.stories-collection{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;max-width:1200px;margin:0 auto}.story-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:40px;transition:all .3s ease}.story-card.full{grid-column:1 / -1;background:linear-gradient(135deg,#667eea0d,#4ade800d);border-color:#667eea33}.story-header{display:flex;align-items:center;gap:20px;margin-bottom:24px}.story-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea,#4ade80);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px}.story-info h4{font-size:20px;font-weight:600;margin-bottom:4px}.story-tagline{font-size:14px;color:#4ade80}.story-quote{font-size:18px;line-height:1.8;color:#ffffffe6;font-style:italic;margin:0;padding-left:20px;border-left:3px solid rgba(102,126,234,.3)}.story-impact{display:flex;gap:48px;margin-top:32px;padding-top:32px;border-top:1px solid rgba(255,255,255,.05)}.impact-item{text-align:center}.impact-number{display:block;font-size:32px;font-weight:700;color:#4ade80;margin-bottom:8px}.impact-label{font-size:14px;color:#fff9}.movement-section{padding:120px 20px;background:linear-gradient(180deg,#000,#0a0a0a)}.movement-content{max-width:900px;margin:0 auto;text-align:center}.movement-content h2{font-size:64px;font-weight:300;margin-bottom:48px;letter-spacing:-.03em;background:linear-gradient(135deg,#667eea,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.movement-statement{font-size:22px;line-height:1.8;color:#fffc;margin-bottom:32px}.movement-statement.highlight{font-size:32px;font-weight:600;color:#4ade80;margin:48px 0}.parents-section{padding:120px 20px;background:#000}.parents-content{max-width:1200px;margin:0 auto}.parents-content h2{font-size:48px;font-weight:300;text-align:center;margin-bottom:48px}.parents-lead{font-size:20px;line-height:1.8;color:#fffc;margin-bottom:32px;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.parent-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;margin-top:64px}.benefit-item{text-align:center;padding:32px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;transition:all .3s ease}.benefit-item:hover{transform:translateY(-4px);border-color:#667eea4d}.benefit-item h4{font-size:20px;font-weight:600;margin-bottom:12px;color:#667eea}.benefit-item p{color:#ffffffb3;line-height:1.6}.final-cta-section{padding:120px 20px 80px;background:#0a0a0a}.cta-playground{max-width:1200px;margin:0 auto;text-align:center}.cta-playground h2{font-size:72px;font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,#4ade80,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cta-playground>p{font-size:24px;color:#fffc;margin-bottom:64px}.cta-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-bottom:80px}.cta-option{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:48px 32px;transition:all .3s ease}.cta-option.featured{background:linear-gradient(135deg,#4ade801a,#667eea1a);border-color:#4ade804d;transform:scale(1.05)}.cta-option:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.cta-option h3{font-size:28px;font-weight:600;margin-bottom:12px}.cta-option p{font-size:16px;color:#ffffffb3;margin-bottom:32px}.btn-explore{background:transparent;border:2px solid #667eea;color:#667eea;padding:14px 32px;border-radius:100px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-explore:hover{background:#667eea;color:#fff}.btn-join{background:transparent;border:2px solid #f093fb;color:#f093fb;padding:14px 32px;border-radius:100px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-join:hover{background:#f093fb;color:#fff}.playground-stats{display:flex;justify-content:center;gap:80px}.playground-stats .stat{text-align:center}.playground-stats .number{display:block;font-size:48px;font-weight:700;color:#4ade80;margin-bottom:8px}.playground-stats .label{font-size:16px;color:#fff9}@media (max-width: 1024px){.timeline-comparison{grid-template-columns:1fr;gap:48px}.transformation-arrow{transform:rotate(90deg);margin:32px 0}}@media (max-width: 768px){.hero-title.revolutionary{font-size:clamp(40px,12vw,72px)}.movement-content h2{font-size:40px}.cta-playground h2{font-size:48px}.live-stats{flex-direction:column;gap:16px}.stories-collection{grid-template-columns:1fr}.playground-stats{flex-direction:column;gap:32px}.nav-links{gap:1rem}.nav-container{padding:0 1rem}.hero-actions{flex-direction:column;align-items:center}.skills-ecosystem{grid-template-columns:1fr}}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-center{text-align:center!important}.mobile-mb-1{margin-bottom:.5rem!important}.mobile-mb-2{margin-bottom:1rem!important}.mobile-mb-3{margin-bottom:1.5rem!important}.mobile-full-width{width:100%!important}}@media (max-width: 768px){.home-page{overflow-x:hidden!important}.hero-section{min-height:calc(100vh - 60px)!important;padding:20px!important}.hero-content{padding:60px 20px 20px!important}.hero-transition{flex-direction:column!important;gap:12px!important;font-size:14px!important}.transition-icon{transform:rotate(90deg)}.hero-title{font-size:36px!important;line-height:1.1!important;margin-bottom:20px!important}.hero-subtitle{font-size:16px!important;line-height:1.4!important;padding:0 10px!important}.hero-actions{flex-direction:column!important;width:100%!important;gap:12px!important}.btn-playground,.btn-glass{width:100%!important;padding:16px!important;font-size:16px!important}.live-stats{flex-direction:column!important;gap:16px!important;margin-top:32px!important}.stat-item{justify-content:center!important}.shift-section{padding:60px 20px!important}.section-title{font-size:32px!important;margin-bottom:16px!important}.section-subtitle{font-size:16px!important;margin-bottom:40px!important}.timeline-comparison{grid-template-columns:1fr!important;gap:32px!important}.transformation-arrow{transform:rotate(90deg)!important;margin:20px 0!important}.era-card{padding:32px 24px!important}.era-icon{font-size:48px!important}.era h4{font-size:24px!important}.why-section{padding:60px 20px!important}.why-content h2{font-size:36px!important}.why-lead{font-size:17px!important;line-height:1.5!important}.experience-section{padding:60px 20px!important}.experience-grid{grid-template-columns:1fr!important;gap:20px!important}.experience-card{padding:24px!important}.skills-showcase{padding:60px 20px!important}.skills-ecosystem{grid-template-columns:1fr!important;gap:24px!important}.skill-category{padding:28px 20px!important}.stories-section{padding:60px 20px!important}.stories-collection{grid-template-columns:1fr!important;gap:20px!important}.story-card{padding:28px 20px!important}.story-impact{flex-wrap:wrap!important;gap:24px!important}.movement-section{padding:60px 20px!important}.movement-content h2{font-size:40px!important}.movement-statement{font-size:18px!important}.movement-statement.highlight{font-size:24px!important}.parents-section{padding:60px 20px!important}.parent-benefits{grid-template-columns:1fr!important;gap:20px!important}.final-cta-section{padding:60px 20px 100px!important}.cta-playground h2{font-size:48px!important}.cta-playground>p{font-size:18px!important}.cta-options{grid-template-columns:1fr!important;gap:20px!important;margin-bottom:40px!important}.playground-stats{flex-direction:column!important;gap:24px!important}.playground-stats .number{font-size:36px!important}}@media (max-width: 375px){.hero-title{font-size:32px!important}.section-title{font-size:28px!important}.era-card{padding:24px 16px!important}.skill-category{padding:20px 16px!important}}@media (max-width: 812px) and (orientation: landscape){.hero-section{min-height:auto!important;padding:20px!important}.hero-content{padding:20px!important}}.nav-logo{text-decoration:none;color:inherit;transition:transform .3s ease}.nav-logo:hover{transform:translateY(-2px)}.logo-content{display:flex;flex-direction:column;align-items:center}.logo-text{font-size:28px;font-weight:300;letter-spacing:-1px;margin:0;color:#fff}.logo-accent{font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-subtitle{font-size:12px;font-weight:400;letter-spacing:2px;color:#a0aec0;margin-top:2px;text-transform:uppercase}.nav-loading{color:#ffffffb3;font-size:14px}.nav-user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.nav-user-avatar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .5s ease}.nav-user-avatar:hover:before{transform:translate(100%)}.nav-user-avatar:hover{transform:scale(1.1);border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.nav-user-avatar:focus{outline:2px solid #667eea;outline-offset:2px}.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;position:relative;z-index:1001}.mobile-menu-toggle:hover{background:#ffffff0d}.mobile-menu-toggle:active{background:#ffffff1a;transform:scale(.95)}.menu-line{position:relative;width:24px;height:2px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:1px;box-shadow:0 1px 2px #0000001a}.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;box-shadow:0 1px 2px #0000001a}.mobile-menu-toggle.active .menu-line{background:transparent;box-shadow:none}.mobile-menu-toggle.active .menu-line:before{transform:rotate(45deg) translateY(8px);top:0}.mobile-menu-toggle.active .menu-line:after{transform:rotate(-45deg) translateY(-8px);bottom:0}.mobile-menu-overlay:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.mobile-menu-item{display:block;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;margin:0 -16px;padding:16px}.mobile-menu-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#667eea;transform:scaleY(0);transition:transform .15s ease}.mobile-menu-item:hover,.mobile-menu-item:active{color:#667eea;background:#667eea0d;transform:translate(4px)}.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-bottom:12px;text-decoration:none;font-family:inherit;font-weight:500}.mobile-menu-action:hover,.mobile-menu-action:active{background:#ffffff0d;color:#fff;border-color:#ffffff4d;transform:translateY(-1px)}.mobile-menu-action.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea80;color:#fff}.mobile-menu-action.btn-primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);border-color:#667eeacc}.hero-welcome{text-align:center;animation:fadeInUp 1s ease .4s both}.hero-welcome h2{font-size:32px;font-weight:400;margin-bottom:30px;color:#fff;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-section.revolutionary{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:#000}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.playground-elements{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(102,126,234,.1) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(245,93,251,.1) 0%,transparent 40%),radial-gradient(circle at 60% 40%,rgba(74,222,128,.1) 0%,transparent 40%);animation:playgroundPulse 10s ease-in-out infinite}.hero-transition{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:40px;font-size:18px;font-weight:500;animation:fadeInUp 1s ease}.old-way{color:#fff6;text-decoration:line-through;position:relative}.old-way:after{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#ef444499;transform:translateY(-50%)}.transition-icon{color:#667eea;font-size:24px;animation:float 3s ease-in-out infinite}.new-way{color:#4ade80;font-weight:600;position:relative}.new-way:before{content:"✨";position:absolute;left:-24px;animation:sparkle 2s ease-in-out infinite}.btn-playground{background:linear-gradient(135deg,#4ade80,#667eea);color:#fff;padding:16px 40px;font-size:16px;font-weight:600;border:none;border-radius:100px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 15px #4ade804d}.btn-playground:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-playground:hover:before{width:300px;height:300px}.btn-playground:hover{transform:translateY(-2px);box-shadow:0 20px 40px #4ade8066}.btn-glass{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#fff;padding:16px 40px;font-size:16px;font-weight:500;border-radius:100px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-glass: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}.btn-glass:hover:before{left:100%}.btn-glass:hover{background:#ffffff1a;transform:translateY(-2px);border-color:#fff3;box-shadow:0 10px 30px #ffffff1a}.live-stats{display:flex;gap:32px;justify-content:center;margin-top:48px;animation:fadeInUp 1s ease .6s both}.stat-item{display:flex;align-items:center;gap:12px;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);padding:12px 24px;border-radius:100px;transition:all .3s ease}.stat-item:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px)}.stat-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:pulse 2s infinite}.stat-dot.live{background:#4ade80;animation:livePulse 2s infinite;box-shadow:0 0 10px #4ade8080}.stat-icon{font-size:20px;color:#667eea}.stat-text{font-size:14px;color:#fffc;white-space:nowrap}@keyframes playgroundPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.2)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.observe-section{opacity:0;transform:translateY(40px);transition:all .8s ease}.observe-section.visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){.mobile-menu-toggle{display:flex!important}.mobile-menu-overlay{display:block!important}.desktop-only{display:none!important}.mobile-only{display:block!important}.hero-transition{flex-direction:column!important;gap:12px!important;font-size:14px!important}.transition-icon{transform:rotate(90deg)}.hero-actions{flex-direction:column!important;width:100%!important;gap:12px!important}.btn-playground,.btn-glass{width:100%!important;padding:16px!important}.live-stats{flex-direction:column!important;gap:16px!important}.stat-item{justify-content:center!important}.logo-text{font-size:24px!important}.logo-subtitle{font-size:10px!important}}.nav-link:focus,.mobile-menu-item:focus,.btn-playground:focus,.btn-glass:focus{outline:2px solid #667eea;outline-offset:2px}.mobile-menu-toggle:focus{outline:2px solid #667eea;outline-offset:2px}@media (prefers-contrast: high){.nav-user-avatar,.btn-playground,.btn-glass{border-width:2px!important}.stat-dot{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.playground-elements,.stat-dot.live{animation:none!important}}.project-detail-page{min-height:100vh;background:var(--color-bg-primary);padding:var(--space-6) var(--space-4);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.project-detail-container{max-width:1200px;margin:0 auto;position:relative}.back-nav{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none;min-height:44px;margin-bottom:var(--space-6)}.back-nav:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary);transform:translateY(-1px)}.success-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-2xl);z-index:1000;text-align:center;max-width:400px;width:90%;animation:scaleIn .4s ease-out}.success-message:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:-1}.success-icon{font-size:var(--font-4xl);color:var(--color-success);margin-bottom:var(--space-4)}.success-content h3{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.success-content p{color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.live-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-danger);padding:var(--space-2) var(--space-4);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-6);animation:livePulse 2s infinite}.live-dot{width:8px;height:8px;background:var(--color-danger);border-radius:50%;animation:livePulse 1s infinite}.project-hero{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-8);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.project-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary)}.project-header{margin-bottom:var(--space-6)}.project-badges{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em}.badge.featured{background:linear-gradient(135deg,var(--color-secondary) 0%,#22c55e 100%);color:#fff;border:1px solid rgba(74,222,128,.3)}.badge.difficulty{color:#fff;border:1px solid rgba(255,255,255,.2)}.project-title{font-size:var(--font-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0;line-height:var(--leading-tight);background:linear-gradient(135deg,var(--color-text-primary) 0%,rgba(255,255,255,.8) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-subtitle{font-size:var(--font-xl);color:var(--color-text-muted);font-style:italic;margin:0;line-height:var(--leading-relaxed)}.inspiration-section{background:#667eea0d;border:1px solid rgba(102,126,234,.1);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-6)}.inspiration-title{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-3);text-align:center}.inspiration-examples{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-4)}.example-item{background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.inspiration-text{font-size:var(--font-base);color:var(--color-primary);text-align:center;font-style:italic;margin:0;opacity:.9}.project-content-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media (min-width: 1024px){.project-content-grid{grid-template-columns:2fr 1fr}}.main-content{display:flex;flex-direction:column;gap:var(--space-8)}.section-title{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-2)}.section-title:before{font-size:var(--font-3xl)}.mission-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg)}.mission-description{font-size:var(--font-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.mission-output{background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-lg);padding:var(--space-4);border-left:4px solid var(--color-success)}.mission-output strong{color:var(--color-success);font-weight:var(--font-weight-semibold)}.team-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg)}.team-roles{display:grid;gap:var(--space-6)}.role-card{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-base);position:relative;overflow:hidden}.role-card:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.role-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);gap:var(--space-4)}.role-type{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.role-icon{font-size:var(--font-2xl)}.spots-available{background:var(--color-success);color:#fff;padding:var(--space-1) var(--space-3);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}.spots-available.full{background:var(--color-danger)}.role-description{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.role-appeal{background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:var(--radius-md);padding:var(--space-3);color:var(--color-primary);font-style:italic;margin-bottom:var(--space-4)}.role-responsibilities{margin-top:var(--space-4)}.role-responsibilities h4{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.role-responsibilities ul{list-style:none;padding:0;margin:0}.role-responsibilities li{display:flex;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-sm);line-height:var(--leading-relaxed)}.role-responsibilities li:before{content:"▪";color:var(--color-primary);font-weight:var(--font-weight-bold);flex-shrink:0;margin-top:2px}.learning-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg)}.learning-outcomes{display:grid;gap:var(--space-3)}.learning-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-hover);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-base)}.learning-item:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);transform:translate(4px)}.learning-check{color:var(--color-success);font-size:var(--font-lg);font-weight:var(--font-weight-bold);flex-shrink:0;margin-top:2px}.reality-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg)}.reality-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 768px){.reality-grid{grid-template-columns:1fr 1fr}}.expectations,.warnings{background:var(--color-surface-hover);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--color-border)}.expectations{border-left:4px solid var(--color-success)}.warnings{border-left:4px solid var(--color-warning)}.expectations h4,.warnings h4{font-size:var(--font-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2)}.expectations ul,.warnings ul{list-style:none;padding:0;margin:0}.expectations li,.warnings li{display:flex;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-sm);line-height:var(--leading-relaxed)}.expectations li:before{content:"✓";color:var(--color-success);font-weight:var(--font-weight-bold);flex-shrink:0;margin-top:2px}.warnings li:before{content:"⚠";color:var(--color-warning);font-weight:var(--font-weight-bold);flex-shrink:0;margin-top:2px}.sidebar{display:flex;flex-direction:column;gap:var(--space-6);align-self:flex-start;position:sticky;top:var(--space-6)}.mentor-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg)}.mentor-card{display:flex;gap:var(--space-4);align-items:flex-start}.mentor-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid var(--color-border)}.mentor-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-lg)}.mentor-info{flex:1}.mentor-info h3{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.mentor-title{font-size:var(--font-sm);color:var(--color-text-muted);margin:0 0 var(--space-3) 0;line-height:var(--leading-normal)}.mentor-stats{display:flex;gap:var(--space-4)}.mentor-stat{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-xs);color:var(--color-text-secondary)}.stat-icon{font-size:var(--font-sm)}.project-stats-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg)}.project-stats-card h3{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.stats-grid{display:grid;gap:var(--space-4)}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--color-surface-hover);border-radius:var(--radius-md);border:1px solid var(--color-border)}.stat-label{font-size:var(--font-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.stat-value{font-size:var(--font-base);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.application-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg)}.application-section h3{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.application-process p{color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.application-steps{margin-bottom:var(--space-6)}.application-steps strong{display:block;color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.process-steps{display:grid;gap:var(--space-3);margin-bottom:var(--space-4)}.process-step{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);background:var(--color-surface-hover);border-radius:var(--radius-md);border:1px solid var(--color-border)}.step-number{width:24px;height:24px;background:var(--color-primary);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}.process-note{font-size:var(--font-xs);color:var(--color-text-muted);font-style:italic;text-align:center}.apply-btn{background:var(--color-primary);border:none;color:#fff;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);font-size:var(--font-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-base);width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);text-decoration:none}.apply-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.apply-btn:active{transform:translateY(0)}.apply-btn.disabled{background:var(--color-surface);color:var(--color-text-disabled);border:1px solid var(--color-border);cursor:not-allowed;opacity:.6}.apply-btn.disabled:hover{transform:none;box-shadow:none}.application-status{text-align:center;padding:var(--space-4);background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.application-status p{color:var(--color-success);font-weight:var(--font-weight-semibold);margin:0}.application-status strong{text-transform:capitalize}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.error-state .error-icon{font-size:var(--font-4xl);color:var(--color-text-muted);margin-bottom:var(--space-4)}@media (max-width: 1023px){.project-detail-page{padding:var(--space-4) var(--space-2)}.sidebar{position:static;top:auto}}@media (max-width: 768px){.project-hero{padding:var(--space-4);margin-bottom:var(--space-6)}.project-title{font-size:var(--font-3xl)}.project-subtitle{font-size:var(--font-lg)}.project-badges,.inspiration-examples{gap:var(--space-2)}.example-item{padding:var(--space-1) var(--space-3);font-size:var(--font-xs)}.main-content{gap:var(--space-6)}.section-title{font-size:var(--font-xl);margin-bottom:var(--space-4)}.mission-section,.team-section,.learning-section,.reality-section,.mentor-section,.project-stats-card,.application-section{padding:var(--space-4)}.role-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.mentor-card{gap:var(--space-3)}.mentor-avatar{width:48px;height:48px}.mentor-stats{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.process-steps{gap:var(--space-2)}.process-step{padding:var(--space-2);gap:var(--space-2);font-size:var(--font-sm)}.step-number{width:20px;height:20px;font-size:10px}}@media (max-width: 374px){.project-title{font-size:var(--font-2xl)}.project-subtitle{font-size:var(--font-base)}.example-item{font-size:10px;padding:4px var(--space-2)}.role-type,.mentor-info h3{font-size:var(--font-base)}}.back-nav:focus,.apply-btn:focus,.success-content button:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.success-message,.role-card,.learning-item,.apply-btn,.live-badge,.live-dot{animation:none;transition:none}.role-card:hover,.learning-item:hover,.apply-btn:hover{transform:none}.loading-spinner{animation:none}}@keyframes scaleIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@media print{.project-detail-page{background:#fff;color:#000;padding:0}.back-nav,.apply-btn,.success-message,.live-badge{display:none}.project-content-grid{grid-template-columns:1fr}.sidebar{order:-1}.project-hero,.mission-section,.team-section,.learning-section,.reality-section{box-shadow:none;border:1px solid #ccc;break-inside:avoid}}.application-page{min-height:100vh;background:var(--color-bg-primary);padding:var(--space-6) var(--space-4);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.application-container{max-width:800px;margin:0 auto;position:relative}.application-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.back-button{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-2);text-decoration:none;min-height:44px;flex-shrink:0}.back-button:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary);transform:translateY(-1px)}.header-content{flex:1}.header-content h1{font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0;line-height:var(--leading-tight)}.project-title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin:0;line-height:var(--leading-normal)}.edit-mode-indicator{margin-top:var(--space-3)}.edit-badge{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:var(--color-warning);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em}.progress-steps{display:flex;justify-content:center;margin-bottom:var(--space-8);padding:0 var(--space-4)}.progress-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);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-base)}.progress-step.active:not(:last-child):after{background:var(--color-primary)}.step-circle{width:32px;height:32px;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);position:relative;z-index:2}.progress-step.active .step-circle{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:scale(1.1)}.step-label{font-size:var(--font-xs);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)}.progress-step.active .step-label{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.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-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);margin-bottom:var(--space-6)}.form-step{animation:fadeInUp .4s ease-out}.step-title{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-6);text-align:center;line-height:var(--leading-tight)}.student-animal-display{background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6);text-align:center}.animal-badge{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-2)}.animal-emoji{font-size:var(--font-2xl)}.animal-text{font-size:var(--font-base);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.animal-description{font-size:var(--font-sm);color:var(--color-primary);margin:0;opacity:.9}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);line-height:var(--leading-normal)}.form-label .error-text{color:var(--color-danger);font-size:var(--font-xs);margin-left:var(--space-2);font-weight:var(--font-weight-normal)}.char-count{float:right;font-size:var(--font-xs);color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-4);background:var(--color-surface-hover);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;min-height:48px;box-sizing:border-box}.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;transform:translateY(-1px)}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef44441a}.form-textarea{resize:vertical;min-height:120px;line-height:var(--leading-relaxed)}.field-hint{font-size:var(--font-xs);color:var(--color-text-muted);margin-top:var(--space-1);line-height:var(--leading-normal)}.roles-selection{display:grid;gap:var(--space-4)}.role-option{background:var(--color-surface-hover);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.role-option:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.role-option.selected{background:#667eea1a;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.role-option.perfect-match{border-color:var(--color-success);background:#10b9810d}.role-option.perfect-match.selected{background:#10b98126;border-color:var(--color-success)}.role-option.unavailable{opacity:.6;cursor:not-allowed;background:var(--color-surface)}.role-option.unavailable:hover{transform:none;box-shadow:none}.role-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3);gap:var(--space-3)}.role-name{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:var(--leading-tight)}.role-animal{font-size:var(--font-xl);flex-shrink:0}.role-description{color:var(--color-text-secondary);font-size:var(--font-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.match-indicator{display:inline-block;padding:var(--space-1) var(--space-2);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-1)}.match-indicator.perfect{background:var(--color-success);color:#fff}.role-compatibility{margin:var(--space-2) 0}.compatibility-badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-bold)}.compatibility-badge.perfect{background:#10b98133;color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.role-spots{font-size:var(--font-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.unavailable-badge{background:var(--color-danger);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:var(--font-weight-bold);text-transform:uppercase}.no-roles-message{text-align:center;padding:var(--space-8);color:var(--color-text-muted)}.experience-levels{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media (min-width: 640px){.experience-levels{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.experience-levels{grid-template-columns:repeat(4,1fr)}}.experience-option{background:var(--color-surface-hover);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all var(--transition-base);text-align:center;min-height:80px;display:flex;flex-direction:column;justify-content:center}.experience-option:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.experience-option.selected{background:#667eea1a;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.experience-label{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.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-lg);padding:var(--space-6);margin-bottom:var(--space-6);border:1px solid var(--color-border)}.summary-section{margin-bottom:var(--space-5)}.summary-section:last-child{margin-bottom:0}.summary-section h4{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.selected-role,.summary-value{background:var(--color-surface);padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-sm);border:1px solid var(--color-border)}.summary-text{background:var(--color-surface);padding:var(--space-3);border-radius:var(--radius-md);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}.commitment-checkbox{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;padding:var(--space-4);background:var(--color-surface-hover);border-radius:var(--radius-lg);border:2px solid var(--color-border);transition:all var(--transition-base)}.commitment-checkbox:hover{background:var(--color-surface-active);border-color:var(--color-border-hover)}.commitment-checkbox input[type=checkbox]{width:20px;height:20px;margin:0;cursor:pointer;accent-color:var(--color-primary)}.checkmark{width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);flex-shrink:0;margin-top:2px}.commitment-checkbox input[type=checkbox]:checked+.checkmark{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.commitment-text{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.commitment-text strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.next-steps-info{background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-6)}.next-steps-info h4{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--space-4);text-align:center}.steps-timeline{display:grid;gap:var(--space-4)}.timeline-step{display:flex;align-items:flex-start;gap:var(--space-3)}.step-number{width:24px;height:24px;background:var(--color-primary);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;margin-top:2px}.step-content strong{display:block;color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.step-content p{color:var(--color-text-secondary);font-size:var(--font-sm);margin:0;line-height:var(--leading-relaxed)}.process-note{text-align:center;font-size:var(--font-xs);color:var(--color-text-muted);margin-top:var(--space-4);font-style:italic}.form-navigation{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:var(--space-6);border-top:1px solid var(--color-border);gap:var(--space-4)}.nav-left,.nav-right{display:flex;gap:var(--space-3)}.nav-center{display:flex;justify-content:center}.btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--font-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-2);min-height:48px;text-decoration:none;justify-content:center}.btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-secondary)}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-outline:hover{background:var(--color-surface)}.save-draft-btn{background:#10b9811a;border-color:var(--color-success);color:var(--color-success)}.save-draft-btn:hover{background:#10b98133}.submit-btn{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:var(--font-weight-bold)}.submit-btn:hover{background:var(--color-primary-dark)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn:disabled:hover{transform:none;box-shadow:none}.draft-notice{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-4) 0;display:flex;align-items:center;gap:var(--space-3)}.draft-icon{font-size:var(--font-xl);color:var(--color-warning);flex-shrink:0}.draft-text strong{display:block;color:var(--color-warning);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.draft-text p{color:var(--color-warning);font-size:var(--font-sm);margin:0;opacity:.9}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.error-icon{font-size:var(--font-4xl);color:var(--color-text-muted);margin-bottom:var(--space-4)}.error-state h3{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.error-state p{color:var(--color-text-secondary);margin-bottom:var(--space-6);max-width:400px;line-height:var(--leading-relaxed)}.error-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.game-discovery-prompt,.already-applied-info{background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-4) 0}.discovery-explanation{color:var(--color-primary);font-size:var(--font-sm);line-height:var(--leading-relaxed);margin:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.loading-state p{color:var(--color-text-secondary);font-size:var(--font-sm)}.draft-saved-message{position:fixed;top:var(--space-4);right:var(--space-4);background:var(--color-success);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);z-index:1000;box-shadow:var(--shadow-xl);animation:slideInRight .3s ease-out}@media (max-width: 768px){.application-page{padding:var(--space-4) var(--space-2)}.application-header{flex-direction:column;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-6)}.header-content h1{font-size:var(--font-2xl)}.project-title{font-size:var(--font-lg)}.progress-steps{padding:0;margin-bottom:var(--space-6);gap:var(--space-2)}.progress-step{max-width:none}.step-label{font-size:10px;max-width:80px}.form-content{padding:var(--space-4);border-radius:var(--radius-lg)}.step-title{font-size:var(--font-xl);margin-bottom:var(--space-4)}.role-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.experience-levels{grid-template-columns:1fr}.experience-option{min-height:60px;padding:var(--space-3)}.steps-timeline{gap:var(--space-3)}.timeline-step{gap:var(--space-2)}.form-navigation{grid-template-columns:1fr;gap:var(--space-3);padding:var(--space-4)}.nav-left,.nav-right,.nav-center{justify-content:center}.form-navigation .btn{width:100%}.commitment-checkbox{padding:var(--space-3);gap:var(--space-2)}.commitment-text{font-size:var(--font-xs)}.draft-saved-message{top:var(--space-2);right:var(--space-2);left:var(--space-2);padding:var(--space-2) var(--space-4)}}@media (max-width: 374px){.progress-steps{overflow-x:auto;padding:0 var(--space-2)}.step-label{font-size:9px;max-width:60px}.role-option,.experience-option{padding:var(--space-2)}.form-navigation .btn{padding:var(--space-2) var(--space-4);font-size:var(--font-sm)}}.back-button:focus,.role-option:focus,.experience-option:focus,.btn:focus,.form-input:focus,.form-select:focus,.form-textarea:focus,.commitment-checkbox:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.form-step,.role-option,.experience-option,.btn,.draft-saved-message{animation:none;transition:none}.role-option:hover,.experience-option:hover,.btn:hover{transform:none}.loading-spinner{animation:none}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media print{.application-page{background:#fff;color:#000}.form-navigation,.back-button,.btn{display:none}.form-content{box-shadow:none;border:1px solid #ccc}}: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}