@font-face{font-family:Amidone Grotesk Cut;src:url(/assets/fonts/AmidoneGrotesk-BuR4tjoB.ttf) format("truetype");font-weight:700;font-style:normal}*{margin:0;padding:0;box-sizing:border-box;font-family:Amidone Grotesk Cut,sans-serif}html,body{height:100%;width:100%;margin:0;padding:0;background-color:var(--bg-page);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.landing{background-image:url(https://res.cloudinary.com/dnzudjm0y/image/upload/v1764143779/book_mwaulm.png);background-color:var(--bg-page);background-size:1000px;background-repeat:no-repeat;background-attachment:scroll;background-position-x:360px;background-position-y:200px}.LandingPage{min-height:100vh;width:100%;padding-top:120px;background:transparent}.page2{min-height:100vh;overflow:visible;width:100%;background:transparent}.bs{color:#dad7b6;font-size:440px;position:absolute;left:120px;top:40px}.navbar-container{position:fixed;top:0;left:0;right:0;width:100%;z-index:100;padding:20px}.navbar-buttons{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap}@media (max-width: 767px){.navbar-buttons{justify-content:center}}.button{position:relative;display:inline-block;padding:10px 20px;font-size:16px;font-weight:700;color:#333;background-color:#faf9f6;border:4px solid #dad7b6;border-radius:50px;cursor:pointer;overflow:hidden;transition:color .3s ease;z-index:1}.nav-button{white-space:nowrap;font-size:clamp(13px,3vw,16px);padding:clamp(8px,2vw,10px) clamp(15px,3vw,20px)}.button:before{content:"";position:absolute;top:var(--y, 50%);left:var(--x, 50%);width:0;height:0;background-color:#dad7b6;border-radius:50%;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;z-index:-1}.button:hover:before{width:300%;height:300%}.button:hover{color:#545334}.sentence{color:var(--text-primary);position:absolute;font-size:28px;top:240px;right:110px}.auth{position:relative;min-height:100vh;width:100%;background-color:var(--bg-page);overflow:hidden}.auth:before{content:"";position:absolute;bottom:-700px;left:50%;transform:translate(-50%);width:90vw;max-width:400px;height:90vw;max-height:400px;background-image:url(/assets/images/blding-nknnfuGf.png);background-size:contain;background-repeat:no-repeat;background-position:center;animation:slideUp 1.5s ease forwards}.auth-content{opacity:0;transform:translateY(-30px);animation:fadeInUp 4s ease forwards;animation-delay:.3s}@keyframes slideUp{to{bottom:60px}}@media (min-width: 768px){.auth:before{left:50%;transform:translate(-50%);max-width:500px;max-height:500px}@keyframes slideUp{to{bottom:50px}}}@media (min-width: 1024px){.auth:before{left:85px;transform:none;width:650px;height:650px;max-width:none;max-height:none;background-size:600px}@keyframes slideUp{to{bottom:40px}}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.floating-element{position:absolute;z-index:0;opacity:0;transform:translate(var(--slideX, 0)) translateY(0);animation:floatSail 12s ease-in-out infinite alternate}.floating-element.slide-left{--slideX: -100px;animation:slideIn 1s ease forwards,floatSail 12s ease-in-out infinite alternate}.floating-element.slide-right{--slideX: 100px;animation:slideIn 1s ease forwards,floatSail 12s ease-in-out infinite alternate}@keyframes slideIn{0%{transform:translate(var(--slideX)) translateY(0);opacity:0}to{transform:translate(0) translateY(0);opacity:1}}@keyframes floatSail{0%{transform:translate(0) rotate(0)}25%{transform:translate(3px,-5px) rotate(1deg)}50%{transform:translate(-3px,3px) rotate(-1deg)}75%{transform:translate(2px,-2px) rotate(.5deg)}to{transform:translate(0) rotate(0)}}.input-box{padding:10px;font-size:14px;border-radius:5px;border:1px solid var(--border-color);width:100%;background:var(--bg-input);color:var(--text-primary)}.submit-btn{padding:12px;font-size:16px;border-radius:5px;border:none;background-color:var(--status-success);color:#fff;cursor:pointer;transition:background-color .3s ease-in-out}.submit-btn:hover{opacity:.9}.blood-container{display:flex;align-items:center;gap:10px}.tooltip-container{position:relative;display:inline-block}.tooltip-icon{background-color:var(--status-success);color:#fff;border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;font-size:14px;transition:transform .2s ease}.tooltip-icon:hover{transform:scale(1.1)}.tooltip-text{visibility:hidden;width:260px;background-color:#333;color:#fff;text-align:center;border-radius:6px;padding:8px;position:absolute;z-index:1;bottom:130%;left:50%;transform:translate(-50%) scale(.8);opacity:0;transition:all .3s ease-in-out;font-size:13px;box-shadow:var(--shadow-md)}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#333 transparent transparent transparent}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1;transform:translate(-50%) scale(1)}.loader-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:var(--bg-page);color:var(--text-primary)}.spinner{width:60px;height:60px;border:6px solid var(--border-color);border-top:6px solid var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:18px;font-weight:500;color:var(--accent-primary);animation:fadeIn .8s ease-in-out infinite alternate}@keyframes fadeIn{0%{opacity:.5}to{opacity:1}}.onboarding{position:relative;min-height:100vh;width:100%;background-color:var(--bg-page);display:flex;align-items:center;justify-content:center;overflow:hidden}.onboarding-form{max-width:600px;height:auto}.onboarding-form-wrapper{display:flex;justify-content:center;padding-top:140px}.poster-container{position:relative;width:800px;height:600px;display:flex;justify-content:center;align-items:center;overflow:hidden;background-image:url(/assets/images/plane.png);background-repeat:no-repeat;background-size:50rem;background-position-x:center;background-position-y:-100px}.plane{position:absolute;width:650px;transition:transform .8s ease-in-out,opacity .8s ease-in-out}.default-plane{transform:translateY(0);opacity:1}.plane-down{transform:translateY(500px);opacity:0}.state-poster{position:fixed;top:50%;left:70%;transform:translate(-50%,-50%);width:600px;height:600px;object-fit:cover;border-radius:12px;box-shadow:var(--shadow-lg);opacity:0;z-index:10}.poster-slide-in{animation:slideIn .9s ease forwards;z-index:20}@keyframes slideIn{0%{transform:translate(-50%,-150%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.poster-slide-out{animation:slideOut 1.2s ease forwards;z-index:15}@keyframes slideOut{0%{transform:translate(-50%,-50%);opacity:1}to{transform:translate(-50%,calc(100vh + 50%));opacity:0}}@media (max-width: 1024px){.onboarding{flex-direction:column;padding:20px}.onboarding-wrapper{flex-direction:column;gap:40px;align-items:center}.onboarding-form{max-width:100%;width:100%}.poster-container{width:100%;height:auto;background-size:contain;background-position:center}.state-poster{position:relative;left:50%;top:auto;transform:translate(-50%);width:100%;max-width:400px;height:auto}@keyframes slideIn{0%{transform:translate(-50%,-150%);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes slideOut{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,calc(100% + 100vh));opacity:0}}}@media (max-width: 600px){.input-box,.submit-btn{font-size:14px;padding:8px}.tooltip-text{width:200px;font-size:12px}}.image-reveal-wrapper{width:100%;background:var(--bg-page);padding:40px 20px;position:relative;overflow:hidden}.item-row{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--border-color);cursor:pointer;position:relative;transition:background .3s ease}.item-row:hover{background:var(--bg-card-hover)}.item-row h2{color:var(--text-secondary);font-size:1.8rem;font-weight:700;margin:0;text-transform:uppercase;transition:all .3s ease;position:relative;z-index:20}.item-row h2.active{z-index:21;mix-blend-mode:difference;color:#fff}.item-row button{background:transparent;border:none;border-radius:50%;width:42px;height:42px;display:flex;justify-content:center;align-items:center;color:var(--text-secondary);transition:all .3s ease;position:relative;z-index:20}.item-row button.active{z-index:21;mix-blend-mode:difference;background:#fff;color:#000}.underline{position:absolute;bottom:0;left:0;height:2px;width:0;background:#fff;transition:width .3s ease;z-index:10}.underline.show{width:100%;background:#fff;mix-blend-mode:difference}.floating-preview{position:fixed;width:300px;height:400px;object-fit:cover;border-radius:12px;pointer-events:none;z-index:19;transition:transform .3s ease,opacity .3s ease;box-shadow:var(--shadow-lg);background:#111}.mobile-img{width:100%;height:200px;object-fit:cover;border-radius:8px}@media (min-width: 768px){.item-row h2{font-size:2.5rem}.item-row button{width:60px;height:60px}}:root{--bg-page: #0a0a0a;--bg-panel: #141414;--bg-panel-hover: #1a1a1a;--bg-card: rgba(255, 255, 255, .05);--bg-card-hover: rgba(255, 255, 255, .08);--bg-input: rgba(255, 255, 255, .05);--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-muted: #666666;--text-inverse: #000000;--border-color: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .2);--accent-primary: #6366f1;--accent-glow: rgba(99, 102, 241, .5);--accent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--glass-bg: rgba(20, 20, 20, .7);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .05);--status-success: #4ade80;--status-warning: #fbbf24;--status-error: #f87171;--status-info: #60a5fa;--shadow-sm: 0 2px 4px rgba(0,0,0,.1);--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-glow: 0 0 20px rgba(99, 102, 241, .15);--page-gradient: linear-gradient(135deg, #0f0c29, #302b63, #24243e)}[data-theme=light]{--bg-page: #f5f5f0;--bg-panel: #faf9f6;--bg-panel-hover: #f0ede8;--bg-card: #fdfcfa;--bg-card-hover: #f5f3ee;--bg-input: #f5f3ee;--text-primary: #2d2d2d;--text-secondary: #5a5a5a;--text-muted: #9a9a9a;--text-inverse: #ffffff;--border-color: #e8e6e0;--border-hover: #d4d1ca;--accent-primary: #4f46e5;--accent-glow: rgba(79, 70, 229, .3);--accent-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--glass-bg: rgba(250, 249, 246, .85);--glass-border: rgba(0, 0, 0, .05);--glass-highlight: rgba(0, 0, 0, .02);--status-success: #16a34a;--status-warning: #d97706;--status-error: #dc2626;--status-info: #2563eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-glow: 0 0 15px rgba(79, 70, 229, .1);--page-gradient: linear-gradient(135deg, #f5f5f0 0%, #ebe9e3 100%)}body{background-color:var(--bg-page);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}.about-container{min-height:100vh;background:#0a0a0a;color:#fff;position:relative;overflow-x:hidden}.about-content-wrapper{max-width:1200px;margin:0 auto;padding:0 2rem;min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;position:relative}.about-gradient-blob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(300px,70vw,800px);height:clamp(300px,70vw,800px);background:radial-gradient(circle,#dad7b61a,#0000 70%);filter:blur(80px);z-index:0;pointer-events:none}.auth-style-back-button{position:fixed;top:20px;left:20px;padding:.5rem 1rem;background:#dad7b61a;border:1px solid rgba(218,215,182,.3);border-radius:50px;cursor:pointer;transition:all .3s ease;z-index:101;display:flex;align-items:center;justify-content:center;--x: 50%;--y: 50%}.auth-style-back-button:hover{background:#dad7b633;transform:translate(-5px)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,100px);align-items:center;position:relative;z-index:1;padding:4rem 0}.about-image-section{display:flex;justify-content:center;align-items:center}.image-halo{padding:5px;border-radius:50%;border:1px solid rgba(218,215,182,.3);box-shadow:0 0 40px #dad7b61a;position:relative}.image-halo:before{content:"";position:absolute;inset:-15px;border-radius:50%;border:1px dashed rgba(218,215,182,.2);animation:rotateRing 20s linear infinite}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-mask{width:clamp(250px,30vw,400px);height:clamp(250px,30vw,400px);border-radius:50%;overflow:hidden;background:#1a1a1a;position:relative}.profile-photo{width:100%;height:100%;object-fit:cover;filter:grayscale(20%) contrast(1.1);transition:all .5s ease}.image-mask:hover .profile-photo{filter:grayscale(0%) contrast(1);transform:scale(1.05)}.about-text-section{text-align:left}.about-subtitle{color:#dad7b6;text-transform:uppercase;letter-spacing:.2em;font-size:.9rem;margin-bottom:1rem}.about-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1;margin-bottom:2rem;color:#fff}.highlight{background:linear-gradient(to right,#fff,#dad7b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-description p{color:#ccc;font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.8;margin-bottom:1.5rem;max-width:600px}.about-socials{display:flex;gap:20px;margin-top:1rem}.social-icon{color:#dad7b6;font-size:1.5rem;transition:transform .3s ease,color .3s ease;cursor:pointer}.social-icon:hover{color:#fff;transform:translateY(-3px)}@media (max-width: 900px){.about-content-wrapper{flex-direction:column;justify-content:flex-start;padding-top:120px}.about-grid{grid-template-columns:1fr;text-align:center;gap:3rem}.about-text-section{text-align:center;display:flex;flex-direction:column;align-items:center}.image-halo:before{inset:-10px}.about-gradient-blob{top:30%}}@media (max-width: 480px){.about-content-wrapper{padding:0 1.5rem}.image-mask{width:220px;height:220px}}