.main-nav{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a1628cc;border-bottom:1px solid #132a42;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:16px 24px;display:flex}.nav-logo{align-items:center;text-decoration:none;transition:opacity .2s;display:flex}.nav-logo:hover{opacity:.8}.logo-group{width:auto;height:40px}.nav-links{align-items:center;gap:32px;display:flex}.nav-link{color:#8b949e;font-size:15px;font-weight:500;font-family:var(--font-inria-sans);text-decoration:none;transition:color .2s}.nav-link:hover{color:#f0f0f0}.nav-auth{align-items:center;gap:16px;display:flex}.nav-link-auth{color:#f0f0f0;font-size:15px;font-weight:500;font-family:var(--font-inria-sans);border:1px solid #8b949e;border-radius:8px;padding:9px 18px;text-decoration:none;transition:all .2s}.nav-link-auth:hover{color:#f0f0f0;background:#d4a85314;border-color:#d4a853}.btn-signup{color:#0a1628;font-size:15px;font-weight:600;font-family:var(--font-inria-sans);background:#d4a853;border-radius:8px;padding:10px 20px;text-decoration:none;transition:all .2s}.btn-signup:hover{background:#f2d68a;transform:translateY(-2px)}.nav-user-btn{cursor:pointer;font-family:var(--font-inria-sans);background:#ffffff0f;border:1px solid #162b43;border-radius:8px;align-items:center;gap:.6rem;padding:6px 14px 6px 6px;transition:all .2s;display:flex}.nav-user-btn:hover{background:#ffffff1a;border-color:#d4a853}.nav-avatar{color:#d4a853;background:#d4a85333;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.nav-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.nav-user-name{color:#f0f0f0;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:14px;font-weight:500;overflow:hidden}.nav-dropdown{z-index:1001;background:#0f2035;border:1px solid #162b43;border-radius:12px;min-width:180px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 36px #00000080}.nav-dropdown-item{color:#8b949e;cursor:pointer;width:100%;font-size:14px;font-weight:500;font-family:var(--font-inria-sans);background:0 0;border:none;border-radius:8px;align-items:center;gap:.6rem;padding:10px 12px;text-decoration:none;transition:all .15s;display:flex}.nav-dropdown-item:hover{color:#f0f0f0;background:#ffffff0f}.nav-dropdown-logout:hover{color:#ef4444;background:#ef44441a}.hero-section{background:#000;justify-content:center;align-items:center;min-height:100vh;padding:8rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.hero-container{width:100%;max-width:1400px;margin:0 auto}.hero-content{text-align:center;margin-bottom:4rem}.hero-title{color:#fff;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;font-family:var(--font-inria-sans);margin-bottom:1.5rem;line-height:1.1}.hero-subtitle{color:#d4af37;max-width:700px;font-size:clamp(1rem,2vw,1.25rem);font-family:var(--font-inria-sans);margin:0 auto;line-height:1.6}.hero-cards{perspective:1000px;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;padding:1rem 0;display:flex}.hero-card{cursor:pointer;flex-shrink:0;transition:transform .3s;position:relative;overflow:visible}.hero-card:hover{z-index:10}.hero-card-1{z-index:1;width:280px;height:420px;transform:rotate(-5deg)translate(45px)}.hero-card-2{z-index:2;width:300px;height:450px;margin:0 -35px}.hero-card-3{z-index:1;width:280px;height:420px;transform:rotate(5deg)translate(-45px)}.hero-card-1:hover{transform:rotate(-5deg)translate(45px)translateY(-10px)scale(1.02)}.hero-card-2:hover{transform:translateY(-10px)scale(1.02)}.hero-card-3:hover{transform:rotate(5deg)translate(-45px)translateY(-10px)scale(1.02)}.hero-card-image{object-fit:contain;object-position:center;filter:drop-shadow(0 20px 60px #0006);width:100%;height:100%;display:block}@media (max-width:1024px){.nav-links{display:none}.hero-cards{gap:1rem}.hero-card{width:280px;height:420px}}@media (max-width:768px){.hero-section{padding:6rem 1rem 2rem}.hero-cards{flex-direction:column;gap:2rem}.hero-card,.hero-card-1,.hero-card-2,.hero-card-3{width:100%;max-width:350px;transform:none}.hero-card:hover,.hero-card-1:hover,.hero-card-2:hover,.hero-card-3:hover{transform:scale(1.02)}.nav-auth{gap:.5rem}.btn-signup{padding:.5rem 1rem;font-size:.85rem}}
.login-page{min-height:100vh;font-family:var(--font-inria-sans);background:#0a1628;grid-template-columns:1fr 1fr;display:grid}.login-left{flex-direction:column;justify-content:start;max-width:580px;margin-left:20px;margin-right:2rem;padding:2rem 4rem 2rem 2rem;display:flex}.login-logo{align-items:center;display:flex}.logo-group{width:auto;height:62px}.login-card{background:#0f2035;border:1px solid #162b43;border-radius:20px;padding:2rem;box-shadow:0 20px 60px #0006}.login-header{margin-bottom:1.5rem}.login-title{color:#f0f0f0;margin-bottom:.25rem;font-size:2rem;font-weight:700;line-height:1.2}.login-subtitle{color:#8b949e;font-size:.9rem;line-height:1.4}.login-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:#f0f0f0;font-size:.9rem;font-weight:600}.phone-input-intl{width:100%}.phone-input-intl .react-international-phone-input-container{background:#ffffff0f;border:1px solid #162b43;border-radius:12px;width:100%;transition:all .2s;height:auto!important}.phone-input-intl .react-international-phone-input-container:focus-within{background:#ffffff1a;border-color:#d4a853}.phone-input-intl .react-international-phone-input{font-family:var(--font-inria-sans);outline:none;transition:all .2s;color:#f0f0f0!important;background:0 0!important;border:none!important;border-radius:12px!important;width:100%!important;height:auto!important;padding:.85rem 1rem!important;font-size:1rem!important}.phone-input-intl .react-international-phone-input::placeholder{color:#8b949e}.phone-input-intl .react-international-phone-country-selector-button{transition:all .2s;background:0 0!important;border:none!important;border-right:1px solid #162b43!important;border-radius:12px 0 0 12px!important;height:100%!important;margin:0!important;padding:0 .75rem!important}.phone-input-intl .react-international-phone-country-selector-button:hover{background:#d4a85314!important}.password-input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#8b949e;pointer-events:none;z-index:1;position:absolute;left:1rem}.password-input{color:#f0f0f0;width:100%;font-size:1rem;font-family:var(--font-inria-sans);background:#ffffff0f;border:1px solid #162b43;border-radius:12px;outline:none;padding:.85rem 3rem;transition:all .2s}.password-input:focus{background:#ffffff1a;border-color:#d4a853}.password-input::placeholder{color:#8b949e}.password-input:disabled{opacity:.6;cursor:not-allowed}.password-toggle{cursor:pointer;color:#8b949e;z-index:1;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:color .2s;display:flex;position:absolute;right:1rem}.password-toggle:hover{color:#f0f0f0}.form-footer{justify-content:flex-end;margin-top:-.5rem;display:flex}.forgot-password-link{color:#d4a853;font-size:.8rem;font-weight:500;text-decoration:none;transition:opacity .2s}.forgot-password-link:hover{opacity:.8}.form-error{color:#ef4444;margin-top:.25rem;font-size:.8rem}.login-submit-btn{color:#0a1628;cursor:pointer;width:100%;font-size:.95rem;font-weight:600;font-family:var(--font-inria-sans);background:#d4a853;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:.25rem;padding:.85rem;transition:all .2s;display:flex}.login-submit-btn:hover:not(:disabled){background:#f2d68a;transform:translateY(-1px)}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{opacity:.5;cursor:not-allowed}.login-divider{text-align:center;color:#8b949e;justify-content:center;align-items:center;margin:1rem 0 .75rem;font-size:.8rem;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid #162b43;flex:1}.login-divider span{padding:0 .75rem}.oauth-buttons{flex-direction:column;gap:.6rem;display:flex}.oauth-btn{color:#f0f0f0;cursor:pointer;background:#ffffff0f;border:1px solid #162b43;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex;position:relative}.oauth-btn:hover{background:#ffffff1a;border-color:#d4a853;transform:translateY(-1px)}.oauth-btn:active{transform:translateY(0)}.oauth-btn span{text-align:center}.arrow-icon{color:#8b949e;position:absolute;right:1rem}.login-right{background:#0a1628;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-visual{justify-content:center;align-items:center;width:100%;height:100%;display:flex}@media (max-width:1024px){.login-page{grid-template-columns:1fr}.login-left{max-width:100%;margin:0 auto;padding:2rem}.login-right{display:none}}@media (max-width:640px){.login-left{padding:1rem}.login-card{padding:2rem 1.5rem}.login-title{font-size:2rem}}
.modeles-page{min-height:100vh;font-family:var(--font-inria-sans);background:#0a1628}.modeles-content{max-width:1400px;margin:0 auto;padding:6rem 2rem 4rem}.modeles-header{text-align:center;max-width:800px;margin:0 auto;padding:2rem 0 3rem}.modeles-header h1{color:#fff;font-size:clamp(2rem,4vw,3rem);font-weight:700;font-family:var(--font-inria-sans);margin-bottom:1rem}.modeles-header p{color:#8b949e;font-size:1.1rem;font-family:var(--font-inria-sans)}.theme-selector{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.theme-btn{color:#8b949e;cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--font-inria-sans);background:#0f2035;border:2px solid #162b43;border-radius:50px;padding:.75rem 2rem;transition:all .3s}.theme-btn:hover{color:#f0f0f0;background:#132a42;border-color:#d4a853;transform:translateY(-2px)}.theme-btn.active{color:#0a1628;background:#d4a853;border-color:#d4a853}.card-preview{justify-content:center;margin-bottom:4rem;padding:2rem;display:flex}.modeles-grid{border-top:1px solid #162b43;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:4rem;padding-top:4rem;display:grid}.modele-item{justify-content:center;display:flex}.modern-card{color:#fff;border-radius:24px;flex-direction:column;align-items:center;width:350px;height:550px;padding:1.5rem;transition:transform .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0006}.modern-card:hover{transform:translateY(-5px)}.modern-card-header{opacity:.1;height:150px;position:absolute;top:0;left:0;right:0;overflow:hidden}.modern-card-pattern{background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff1a 10px 20px);width:100%;height:100%}.modern-card-avatar{z-index:1;margin-top:2.5rem;margin-bottom:1.25rem;position:relative}.modern-card-avatar .avatar-ring{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:3px solid #ffffff4d;border-radius:50%;width:110px;height:110px;padding:3px}.modern-card-avatar .avatar-inner{border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden}.modern-card-avatar .avatar-img{object-fit:cover}.modern-card-info{text-align:center;margin-bottom:1rem}.modern-card-name{font-size:1.5rem;font-weight:700;font-family:var(--font-inria-sans);margin-bottom:.35rem}.modern-card-title{opacity:.9;font-size:1rem;font-family:var(--font-inria-sans);margin-bottom:.2rem}.modern-card-company{opacity:.8;font-size:.9rem;font-family:var(--font-inria-sans)}.modern-card-contact{flex-direction:column;gap:.6rem;width:100%;margin-bottom:1rem;display:flex}.contact-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.8rem;font-family:var(--font-inria-sans);background:#ffffff26;border-radius:10px;align-items:center;gap:.6rem;padding:.5rem .85rem;transition:all .2s;display:flex}.contact-item:hover{background:#ffffff40;transform:translate(3px)}.contact-item svg{flex-shrink:0}.contact-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modern-card-socials{gap:.75rem;margin-top:auto;margin-bottom:.85rem;display:flex}.modern-social-btn{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;text-decoration:none;transition:all .2s;display:flex}.modern-social-btn:hover{transform:scale(1.1);background:#ffffff4d!important}.modern-card-download{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;width:100%;font-size:.85rem;font-weight:600;font-family:var(--font-inria-sans);cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:50px;justify-content:center;align-items:center;gap:.45rem;padding:.65rem 1.25rem;transition:all .2s;display:flex}.modern-card-download:hover{background:#ffffff4d;transform:translateY(-2px)}.modern-card-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.85rem;font-weight:600;font-family:var(--font-inria-sans);background:#fff3;border-radius:50px;padding:.5rem 1rem;position:absolute;top:1.5rem;right:1.5rem}@media (max-width:1024px){.modeles-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.modern-card{width:100%;max-width:350px}}@media (max-width:768px){.modeles-content{padding:5rem 1rem 2rem}.modeles-header{padding:1rem 0 2rem}.theme-selector{gap:.5rem}.theme-btn{padding:.6rem 1.5rem;font-size:.9rem}.card-preview{padding:1rem}.modeles-grid{grid-template-columns:1fr;gap:2rem}}
.auth-page{min-height:100vh;font-family:var(--font-inria-sans);background:#0a1628;grid-template-columns:1fr 1fr;display:grid}.auth-left{flex-direction:column;justify-content:center;max-width:580px;margin-left:20px;margin-right:2rem;padding:2rem 4rem 2rem 2rem;display:flex}.auth-logo{align-items:center;margin-bottom:2rem;display:flex}.logo-group{width:auto;height:62px}.auth-card{background:#0f2035;border:1px solid #162b43;border-radius:20px;padding:2rem;box-shadow:0 20px 60px #0006}.auth-header{margin-bottom:1.5rem}.auth-title{color:#f0f0f0;margin-bottom:.25rem;font-size:2rem;font-weight:700;line-height:1.2}.auth-subtitle{color:#8b949e;font-size:.9rem;line-height:1.4}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:#f0f0f0;font-size:.9rem;font-weight:600}.form-error{color:#ef4444;margin-top:.25rem;font-size:.8rem}.phone-input-intl{width:100%}.phone-input-intl .react-international-phone-input-container{background:#ffffff0f;border:1px solid #162b43;border-radius:12px;width:100%;transition:all .2s;height:auto!important}.phone-input-intl .react-international-phone-input-container:focus-within{background:#ffffff1a;border-color:#d4a853}.phone-input-intl .react-international-phone-input-container.error{border-color:#ef4444}.phone-input-intl .react-international-phone-input{font-family:var(--font-inria-sans);outline:none;transition:all .2s;color:#f0f0f0!important;background:0 0!important;border:none!important;border-radius:12px!important;width:100%!important;height:auto!important;padding:.85rem 1rem!important;font-size:1rem!important}.phone-input-intl .react-international-phone-input::placeholder{color:#8b949e}.phone-input-intl .react-international-phone-country-selector-button{transition:all .2s;background:0 0!important;border:none!important;border-right:1px solid #162b43!important;border-radius:12px 0 0 12px!important;height:100%!important;margin:0!important;padding:0 .75rem!important}.phone-input-intl .react-international-phone-country-selector-button:hover{background:#d4a85314!important}.phone-input-intl .react-international-phone-country-selector-dropdown{color:#f0f0f0!important;background:#0f2035!important;border:1px solid #162b43!important;border-radius:12px!important}.phone-input-intl .react-international-phone-country-selector-dropdown__list-item:hover{background:#ffffff0f!important}.phone-input-intl .react-international-phone-country-selector-dropdown__list-item-country-name{color:#f0f0f0!important}.phone-input-intl .react-international-phone-country-selector-dropdown__list-item-dial-code{color:#8b949e!important}.auth-submit-btn{color:#0a1628;cursor:pointer;background:#d4a853;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:.25rem;padding:.85rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.auth-submit-btn:hover:not(:disabled){background:#f2d68a;transform:translateY(-1px)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed}.spinner{border:2px solid #0a16284d;border-top-color:#0a1628;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-footer{text-align:center;color:#8b949e;margin-top:1rem;font-size:.85rem}.auth-footer a{color:#d4a853;font-weight:600;text-decoration:none;transition:opacity .2s}.auth-footer a:hover{opacity:.8}.auth-right{background:#0a1628;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-visual{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.otp-container{justify-content:center;gap:.75rem;margin:1.5rem 0;display:flex}.otp-input{text-align:center;width:48px;height:56px;font-size:1.5rem;font-weight:600;font-family:var(--font-inria-sans);color:#f0f0f0;background:#ffffff0f;border:2px solid #162b43;border-radius:12px;outline:none;transition:all .2s}.otp-input:focus{background:#ffffff1a;border-color:#d4a853}.otp-input.filled{background:#d4a85326;border-color:#d4a853}.otp-input.error{border-color:#ef4444}.pin-container{justify-content:center;gap:.75rem;margin:1.5rem 0;display:flex}.pin-input{text-align:center;width:48px;height:56px;font-size:1.5rem;font-weight:600;font-family:var(--font-inria-sans);color:#f0f0f0;background:#ffffff0f;border:2px solid #162b43;border-radius:12px;outline:none;transition:all .2s}.pin-input:focus{background:#ffffff1a;border-color:#d4a853}.pin-input.filled{color:#0a1628;background:#d4a853;border-color:#d4a853}.pin-input[type=password].filled{font-size:2rem;line-height:1}.resend-container{text-align:center;margin:1rem 0}.resend-timer{color:#8b949e;font-size:.85rem}.resend-btn{color:#d4a853;cursor:pointer;font-size:.85rem;font-weight:600;font-family:var(--font-inria-sans);background:0 0;border:none;padding:0;transition:opacity .2s}.resend-btn:hover:not(:disabled){opacity:.8}.resend-btn:disabled{color:#8b949e;cursor:not-allowed}.back-btn{color:#8b949e;cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--font-inria-sans);background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 0;transition:color .2s;display:inline-flex}.back-btn:hover{color:#d4a853}@media (max-width:1024px){.auth-page{grid-template-columns:1fr}.auth-left{max-width:100%;margin:0 auto;padding:2rem}.auth-right{display:none}}@media (max-width:640px){.auth-left{padding:1rem}.auth-card{padding:2rem 1.5rem}.auth-title{font-size:1.75rem}.otp-container,.pin-container{gap:.5rem}.otp-input,.pin-input{width:42px;height:50px;font-size:1.25rem}}
.onboarding-page{min-height:100vh;font-family:var(--font-inria-sans);background:#0a1628;padding:2rem}.onboarding-container{max-width:800px;margin:0 auto}.progress-bar-container{margin-bottom:2rem}.progress-bar-bg{background:#162b43;border-radius:10px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:#d4a853;border-radius:10px;height:100%;transition:width .3s}.progress-text{text-align:center;color:#8b949e;margin-top:.5rem;font-size:.85rem}.onboarding-header{text-align:center;margin-bottom:3rem}.onboarding-title{color:#f0f0f0;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.onboarding-subtitle{color:#8b949e;font-size:1.1rem}.onboarding-card{background:#0f2035;border:1px solid #162b43;border-radius:20px;padding:3rem 2.5rem;box-shadow:0 20px 60px #0006}.profile-types-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.profile-type-card{cursor:pointer;text-align:center;background:#ffffff0a;border:2px solid #162b43;border-radius:16px;padding:2rem 1.5rem;transition:all .2s}.profile-type-card:hover{background:#ffffff14;border-color:#d4a853;transform:translateY(-2px);box-shadow:0 8px 20px #d4a85326}.profile-type-card.selected{background:#d4a8531a;border-color:#d4a853;box-shadow:0 8px 20px #d4a85333}.profile-type-icon{color:#8b949e;margin-bottom:1rem;font-size:3rem;transition:color .2s}.profile-type-card:hover .profile-type-icon,.profile-type-card.selected .profile-type-icon{color:#d4a853}.profile-type-name{color:#f0f0f0;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.profile-type-desc{color:#8b949e;font-size:.9rem;line-height:1.4}.onboarding-form{flex-direction:column;gap:1.5rem;display:flex}.form-section{flex-direction:column;gap:1.25rem;display:flex}.form-section-title{color:#f0f0f0;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.photo-upload-container{flex-direction:column;align-items:center;gap:1rem;display:flex}.photo-preview{background:#ffffff0a;border:3px solid #d4a853;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative;overflow:hidden}.photo-preview-empty{color:#8b949e}.photo-upload-btn{color:#f0f0f0;cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--font-inria-sans);background:#ffffff0f;border:1px solid #162b43;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s;display:flex}.photo-upload-btn:hover{background:#ffffff1a;border-color:#d4a853}.photo-upload-input{display:none}.social-links-container{flex-direction:column;gap:1rem;display:flex}.social-link-item{background:#ffffff0a;border:1px solid #162b43;border-radius:12px;align-items:center;gap:1rem;padding:1rem;display:flex}.social-link-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.social-link-content{flex-direction:column;flex:1;gap:.25rem;display:flex}.social-link-type{color:#f0f0f0;font-size:.85rem;font-weight:600}.social-link-url{color:#8b949e;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.social-link-remove{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:.5rem;transition:opacity .2s}.social-link-remove:hover{opacity:.7}.add-social-link-btn{color:#d4a853;cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--font-inria-sans);background:#ffffff0a;border:2px dashed #162b43;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:1rem;transition:all .2s;display:flex}.add-social-link-btn:hover{background:#d4a85314;border-color:#d4a853}.social-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.social-modal{background:#0f2035;border:1px solid #162b43;border-radius:20px;width:100%;max-width:500px;max-height:80vh;padding:2rem;overflow-y:auto}.social-modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.social-modal-title{color:#f0f0f0;font-size:1.5rem;font-weight:700}.social-modal-close{color:#8b949e;cursor:pointer;background:0 0;border:none;padding:.5rem;transition:color .2s}.social-modal-close:hover{color:#f0f0f0}.social-types-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.social-type-btn{cursor:pointer;font-family:var(--font-inria-sans);background:#ffffff0a;border:2px solid #162b43;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;transition:all .2s;display:flex}.social-type-btn:hover{background:#ffffff14;border-color:#d4a853}.social-type-btn.selected{background:#d4a8531a;border-color:#d4a853}.social-type-btn-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.social-type-btn-name{color:#f0f0f0;font-size:.8rem;font-weight:600}.onboarding-nav{gap:1rem;margin-top:2rem;display:flex}.onboarding-back-btn{color:#f0f0f0;cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--font-inria-sans);background:0 0;border:1px solid #162b43;border-radius:12px;align-items:center;gap:.5rem;padding:.85rem 2rem;transition:all .2s;display:flex}.onboarding-back-btn:hover:not(:disabled){background:#d4a85314;border-color:#d4a853}.onboarding-back-btn:disabled{opacity:.5;cursor:not-allowed}.onboarding-next-btn{color:#0a1628;cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--font-inria-sans);background:#d4a853;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 2rem;transition:all .2s;display:flex}.onboarding-next-btn:hover:not(:disabled){background:#f2d68a;transform:translateY(-1px)}.onboarding-next-btn:active:not(:disabled){transform:translateY(0)}.onboarding-next-btn:disabled{opacity:.5;cursor:not-allowed}.preview-container{justify-content:center;margin:2rem 0;display:flex}.preview-actions{gap:1rem;margin-top:2rem;display:flex}.preview-edit-btn{color:#f0f0f0;cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--font-inria-sans);background:0 0;border:1px solid #162b43;border-radius:12px;align-items:center;gap:.5rem;padding:.85rem 2rem;transition:all .2s;display:flex}.preview-edit-btn:hover{background:#d4a85314;border-color:#d4a853}.preview-create-btn{color:#0a1628;cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--font-inria-sans);background:#d4a853;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 2rem;transition:all .2s;display:flex}.preview-create-btn:hover:not(:disabled){background:#f2d68a;transform:translateY(-1px)}.preview-create-btn:active:not(:disabled){transform:translateY(0)}.preview-create-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.onboarding-page{padding:1rem}.onboarding-card{padding:2rem 1.5rem}.onboarding-title{font-size:2rem}.profile-types-grid{grid-template-columns:1fr}.social-types-grid{grid-template-columns:repeat(2,1fr)}.onboarding-nav{flex-direction:column-reverse}.preview-actions{flex-direction:column}}
.dashboard-page{min-height:100vh;font-family:var(--font-inria-sans);background:#0a1628}.dashboard-container{max-width:1200px;margin:0 auto;padding:6rem 2rem 4rem}.dashboard-header{margin-bottom:3rem}.dashboard-greeting{color:#f0f0f0;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.dashboard-subtitle{color:#8b949e;font-size:1.1rem}.dashboard-content{grid-template-columns:1fr 400px;align-items:start;gap:3rem;display:grid}.dashboard-left{flex-direction:column;gap:2rem;display:flex}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.stat-card{background:#0f2035;border:1px solid #162b43;border-radius:16px;padding:1.5rem;transition:all .2s}.stat-card:hover{background:#132a42;border-color:#d4a853;transform:translateY(-2px)}.stat-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.stat-icon{color:#d4a853;background:#d4a85326;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-label{color:#8b949e;font-size:.9rem;font-weight:500}.stat-value{color:#f0f0f0;font-size:2.5rem;font-weight:700;line-height:1}.stat-change{color:#8b949e;margin-top:.5rem;font-size:.85rem}.stat-change.positive{color:#3fb950}.actions-menu{background:#0f2035;border:1px solid #162b43;border-radius:16px;padding:1.5rem}.actions-title{color:#f0f0f0;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.actions-list{flex-direction:column;gap:.75rem;display:flex}.action-item{cursor:pointer;color:inherit;background:#ffffff0a;border:1px solid #0000;border-radius:12px;align-items:center;gap:1rem;padding:1rem;text-decoration:none;transition:all .2s;display:flex}.action-item:hover{background:#ffffff14;border-color:#d4a853;transform:translate(4px)}.action-icon{color:#d4a853;background:#d4a85326;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.action-content{flex:1}.action-title{color:#f0f0f0;margin-bottom:.25rem;font-size:.95rem;font-weight:600}.action-desc{color:#8b949e;font-size:.8rem}.dashboard-right{position:sticky;top:6rem}.card-preview-section{background:#0f2035;border:1px solid #162b43;border-radius:20px;padding:2rem}.card-preview-header{text-align:center;margin-bottom:1.5rem}.card-preview-title{color:#f0f0f0;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.card-preview-desc{color:#8b949e;font-size:.9rem}.card-preview-wrapper{transform-origin:50%;justify-content:center;margin-bottom:1.5rem;display:flex;transform:scale(.85)}.card-actions{gap:1rem;display:flex}.card-action-btn{color:#f0f0f0;cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--font-inria-sans);background:#ffffff0f;border:1px solid #162b43;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1rem;text-decoration:none;transition:all .2s;display:flex}.card-action-btn:hover{background:#ffffff1a;border-color:#d4a853;transform:translateY(-2px)}.card-action-btn.primary{color:#0a1628;background:#d4a853;border-color:#d4a853}.card-action-btn.primary:hover{background:#f2d68a;transform:translateY(-2px)}.link-copied-toast{color:#0a1628!important;background:#d4a853!important}.dashboard-loading{color:#8b949e;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;font-size:1rem;display:flex}.dashboard-loading .loading-spinner{border:3px solid #162b43;border-top-color:#d4a853;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-empty{text-align:center;padding:4rem 2rem}.empty-icon{color:#8b949e;background:#0f2035;border:1px solid #162b43;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.empty-title{color:#f0f0f0;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.empty-desc{color:#8b949e;margin-bottom:2rem;font-size:1rem}.empty-action{color:#0a1628;cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--font-inria-sans);background:#d4a853;border:none;border-radius:12px;padding:.85rem 2rem;transition:all .2s}.empty-action:hover{background:#f2d68a;transform:translateY(-2px)}@media (max-width:1024px){.dashboard-content{grid-template-columns:1fr}.dashboard-right{position:static}.card-preview-wrapper{transform:scale(1)}}@media (max-width:768px){.dashboard-container{padding:5rem 1rem 2rem}.dashboard-greeting{font-size:2rem}.stats-grid{grid-template-columns:1fr}.card-actions{flex-direction:column}}
.public-card-page{min-height:100vh;font-family:var(--font-inria-sans);background:#0a1628;justify-content:center;align-items:center;padding:2rem;display:flex}.public-card-container{z-index:1;width:100%;max-width:500px;position:relative}.public-card-bg{pointer-events:none;z-index:0;background:radial-gradient(circle,#d4a85314 0%,#0000 50%);position:fixed;inset:0}.public-card-wrapper{z-index:1;animation:.6s ease-out fadeInUp;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.public-card-loading{text-align:center;color:#f0f0f0}.loading-spinner{border:4px solid #162b43;border-top-color:#d4a853;border-radius:50%;width:60px;height:60px;margin:0 auto 1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#8b949e;font-size:1.1rem}.public-card-error{text-align:center;color:#f0f0f0;padding:3rem 2rem}.error-icon{color:#ef4444;background:#ef444426;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.error-title{margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.error-message{color:#8b949e;margin-bottom:2rem;font-size:1rem}.error-action{color:#0a1628;cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--font-inria-sans);background:#d4a853;border:none;border-radius:12px;padding:.85rem 2rem;text-decoration:none;transition:all .2s;display:inline-block}.error-action:hover{background:#f2d68a;transform:translateY(-2px)}.public-card-page .modern-card{box-shadow:0 30px 80px #0009}.download-vcard-btn{color:#f0f0f0;cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--font-inria-sans);background:#ffffff0f;border:1px solid #162b43;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1.5rem;padding:.85rem 2rem;transition:all .2s;display:flex}.download-vcard-btn:hover{background:#ffffff1a;border-color:#d4a853;transform:translateY(-2px)}.download-vcard-btn:disabled{opacity:.5;cursor:not-allowed}.powered-by{text-align:center;color:#8b949e;margin-top:2rem;font-size:.85rem}.powered-by a{color:#d4a853;font-weight:600;text-decoration:none;transition:opacity .2s}.powered-by a:hover{opacity:.8}@media (max-width:640px){.public-card-page{padding:1rem}.public-card-container{max-width:100%}}