@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap";.icon{display:inline-block;width:1em;height:1em;vertical-align:middle}.icon-home:before{content:"🏠"}.icon-dashboard:before{content:"📊"}.icon-finance:before{content:"💰"}.icon-budget:before{content:"📈"}.icon-ai:before{content:"🤖"}.icon-profile:before{content:"👤"}.icon-logout:before{content:"🚪"}.icon-login:before{content:"🔑"}.icon-register:before{content:"📝"}.icon-save:before{content:"💾"}.icon-edit:before{content:"✏️"}.icon-delete:before{content:"🗑️"}.icon-add:before{content:"➕"}.icon-remove:before{content:"➖"}.icon-search:before{content:"🔍"}.icon-filter:before{content:"🔽"}.icon-sort:before{content:"↕️"}.icon-success:before{content:"✅"}.icon-error:before{content:"❌"}.icon-warning:before{content:"⚠️"}.icon-info:before{content:"ℹ️"}.icon-loading:before{content:"⏳"}.icon-email:before{content:"📧"}.icon-phone:before{content:"📞"}.icon-location:before{content:"📍"}.icon-calendar:before{content:"📅"}.icon-time:before{content:"🕐"}.icon-income:before{content:"💵"}.icon-expense:before{content:"💸"}.icon-savings:before{content:"🏦"}.icon-investment:before{content:"📈"}.icon-debt:before{content:"💳"}.icon-food:before{content:"🍽️"}.icon-transport:before{content:"🚗"}.icon-entertainment:before{content:"🎬"}.icon-health:before{content:"🏥"}.icon-education:before{content:"📚"}.icon-shopping:before{content:"🛒"}.icon-utilities:before{content:"⚡"}.icon-housing:before{content:"🏠"}.icon-menu:before{content:"☰"}.icon-close:before{content:"✕"}.icon-arrow-left:before{content:"←"}.icon-arrow-right:before{content:"→"}.icon-arrow-up:before{content:"↑"}.icon-arrow-down:before{content:"↓"}.icon-external:before{content:"↗"}.icon-settings:before{content:"⚙️"}.icon-help:before{content:"❓"}.icon-about:before{content:"ℹ️"}.icon-privacy:before{content:"🔒"}.icon-terms:before{content:"📋"}.icon-contact:before{content:"📞"}.btn .icon{margin-right:.5em}.btn .icon:last-child{margin-right:0;margin-left:.5em}a .icon{margin-right:.25em}li .icon,.form-group .icon,.card .icon,.nav .icon{margin-right:.5em}.breadcrumb .icon,.badge .icon{margin-right:.25em}.pagination .icon,.breadcrumb .icon,.badge .icon{margin-right:.25em}.alert .icon,.modal .icon{margin-right:.5em}.tooltip .icon{margin-right:.25em}.dropdown .icon,.tab .icon,.accordion .icon,.carousel .icon{margin-right:.5em}.pagination .icon{margin-right:.25em}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background-color:#f8fafc;overflow-x:hidden;width:100%;margin:0;padding:0}:root{--primary-color: #2563eb;--primary-dark: #1d4ed8;--secondary-color: #10b981;--accent-color: #f59e0b;--danger-color: #ef4444;--success-color: #10b981;--warning-color: #f59e0b;--info-color: #3b82f6;--text-primary: #1f2937;--text-secondary: #6b7280;--text-light: #9ca3af;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-dark: #1f2937;--border-color: #e5e7eb;--border-light: #f3f4f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .6s ease-out forwards}.animate-slide-in-right{animation:slideInRight .6s ease-out forwards}.animate-pulse{animation:pulse 2s infinite}.animate-bounce{animation:bounce 1s infinite}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;line-height:1.25rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;font-family:inherit;position:relative;overflow:hidden}.btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--text-secondary)}.btn-success{background:linear-gradient(135deg,var(--success-color),#059669);color:#fff;box-shadow:var(--shadow-md)}.btn-success:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-danger{background:linear-gradient(135deg,var(--danger-color),#dc2626);color:#fff;box-shadow:var(--shadow-md)}.btn-danger:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);transition:all .3s ease;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-header{padding:1.5rem;border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.card-body{padding:1.5rem}.card-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-light);background:var(--bg-secondary)}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary);font-size:.875rem}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;transition:all .2s ease;background:var(--bg-primary);color:var(--text-primary)}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.form-input::placeholder{color:var(--text-light)}.table{width:100%;border-collapse:collapse;background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.table th,.table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-light)}.table th{background:var(--bg-secondary);font-weight:600;color:var(--text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.table tr:hover{background:var(--bg-secondary)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:#2563eb1a;color:var(--primary-color)}.badge-success{background:#10b9811a;color:var(--success-color)}.badge-warning{background:#f59e0b1a;color:var(--warning-color)}.badge-danger{background:#ef44441a;color:var(--danger-color)}.alert{padding:1rem 1.5rem;border-radius:var(--radius-md);margin-bottom:1rem;border-left:4px solid}.alert-success{background:#10b9811a;border-left-color:var(--success-color);color:#065f46}.alert-warning{background:#f59e0b1a;border-left-color:var(--warning-color);color:#92400e}.alert-danger{background:#ef44441a;border-left-color:var(--danger-color);color:#991b1b}.alert-info{background:#3b82f61a;border-left-color:var(--info-color);color:#1e40af}.loading{display:inline-block;width:20px;height:20px;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.tooltip{position:relative;display:inline-block}.tooltip .tooltip-text{visibility:hidden;width:200px;background-color:var(--bg-dark);color:#fff;text-align:center;border-radius:var(--radius-md);padding:.5rem;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-100px;opacity:0;transition:opacity .3s;font-size:.75rem}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:fadeInUp .3s ease-out}.nav{display:flex;align-items:center;gap:1rem}.nav-link{color:var(--text-secondary);text-decoration:none;padding:.5rem 1rem;border-radius:var(--radius-md);transition:all .2s ease;font-weight:500}.nav-link:hover{color:var(--text-primary);background:var(--bg-secondary)}.nav-link.active{color:var(--primary-color);background:#2563eb1a}.grid{display:grid;gap:1.5rem}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-light{color:var(--text-light)}.text-success{color:var(--success-color)}.text-danger{color:var(--danger-color)}.text-warning{color:var(--warning-color)}.text-info{color:var(--info-color)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-dark{background-color:var(--bg-dark)}.border{border:1px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}@media (max-width: 768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,1fr)}.text-4xl{font-size:1.875rem}.text-3xl{font-size:1.5rem}.text-2xl{font-size:1.25rem}.p-8{padding:1.5rem}.m-8{margin:1.5rem}.cta-btn{padding:1rem 1.5rem!important}}@media (max-width: 768px){.scroll-indicator{left:50%!important;transform:translate(-50%)!important}}@media (max-width: 510px){.scroll-indicator{left:50%!important;transform:translate(-50%)!important}}@media (max-width: 480px){.scroll-indicator{left:50%!important;transform:translate(-50%)!important}}@media (max-width: 350px){.scroll-indicator{left:50%!important;transform:translate(-50%)!important}}@media (max-width: 390px){.content h1{font-size:2rem}.content p{font-size:.9rem}.typewriter{min-width:100px}.cta-btn{min-width:9rem;width:auto;padding:.75rem 1rem;font-size:.75rem}.scroll-indicator{left:50%!important;transform:translate(-50%)!important}.footer-links{flex-direction:column;gap:.75rem}.footer-links a{padding:.6rem .8rem;font-size:.85rem}.about-page h1{font-size:2.5rem;margin-bottom:2rem}.about-page h2{font-size:1.8rem}.about-page section{padding:2rem 1.5rem;margin-bottom:2rem}.values-grid,.features-grid,.team-grid,.commitment-points{grid-template-columns:1fr;gap:1.5rem}.contact-links{flex-direction:column;gap:1rem}.contact-link{padding:.8rem 1.5rem;font-size:1rem}.contact-content{grid-template-columns:1fr;gap:2rem}.contact-page h1,.privacy-policy-page h1,.terms-of-service-page h1{font-size:2.5rem}.contact-info,.faq-section,.privacy-policy-page section,.terms-of-service-page section{padding:2rem 1.5rem}.features-grid{grid-template-columns:1fr;gap:1rem}.feature-card{padding:1rem}.feature-icon{width:40px;height:40px;font-size:1rem}.section-title{font-size:1.5rem;margin-bottom:1rem}.container{padding:0 .75rem}.cta-title{font-size:1.5rem}.cta-description{font-size:.8rem}}@media (max-width: 480px){.btn{padding:.625rem 1.25rem;font-size:.8rem}.card-body{padding:1rem}.table th,.table td{padding:.75rem;font-size:.8rem}#vanta-bg{padding-top:8vh}.content h1{font-size:2.5rem}.content p{font-size:1rem}.typewriter{min-width:120px}.cta-btn{width:10rem;font-size:.8rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem}.feature-icon{width:48px;height:48px;font-size:1.25rem}.section-title{font-size:1.75rem;margin-bottom:1.5rem}.container{padding:0 1rem}.cta-title{font-size:1.75rem}.cta-description{font-size:.9rem}}.finance-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.finance-card.success{background:linear-gradient(135deg,#11998e,#38ef7d)}.finance-card.warning{background:linear-gradient(135deg,#f093fb,#f5576c)}.finance-card.info{background:linear-gradient(135deg,#4facfe,#00f2fe)}.chart-container{background:var(--bg-primary);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.chart-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;text-align:center}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.dashboard-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border-light);transition:all .3s ease}.dashboard-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.dashboard-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.dashboard-card-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.dashboard-card-value{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.dashboard-card-change{font-size:.875rem;color:var(--text-secondary)}.dashboard-card-change.positive{color:var(--success-color)}.dashboard-card-change.negative{color:var(--danger-color)}.footer{background:var(--bg-dark);color:#fff;padding:2rem 0;margin:0!important;text-align:center;position:absolute;z-index:10;width:100%}.footer-content{max-width:1200px;margin:0 auto;padding:0 1rem;text-align:center}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.footer-links a{color:#e5e7eb;text-decoration:none;font-weight:500;font-size:.9rem;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden}.footer-links a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(37,99,235,.2),transparent);transition:left .5s ease}.footer-links a:hover:before{left:100%}.footer-links a:hover{color:#fff;background:#2563eb1a;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb33}.footer-links a:active{transform:translateY(0)}.footer-text{color:var(--text-light);font-size:.875rem;margin-top:1rem}.header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:1rem 0;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}.header-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none}.logo:hover{color:var(--primary-dark)}.main-layout{min-height:100vh;display:flex;flex-direction:column}.scroll-indicator{position:absolute;left:35%;top:140%!important;transform:translate(-50%);text-align:center;color:#fff;z-index:3}.scroll-text{font-size:1.1rem;margin-bottom:.5rem;opacity:.8;letter-spacing:.5px;font-weight:700}.scroll-arrow{font-size:2rem;animation:bounce 2s infinite;opacity:.7}.main-content{flex:1;max-width:1200px;margin:0 auto;padding:2rem 1rem;width:100%}.landing-page{min-height:100vh;position:relative;margin-top:-80px;padding-top:80px}.background-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.navbar{position:fixed;top:0;left:0;right:0;background:#ffffff1a;backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);z-index:100;padding:1rem 0}.landing-page .header{background:#ffffff1a;backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.landing-page .nav_logo{color:#fff!important}.landing-page .nav_link{color:#fffc!important}.landing-page .nav_link:hover,.landing-page .nav_link.active{color:#fff!important;background:#ffffff1a}.navbar-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.navbar-logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;transition:all .3s ease}.navbar-logo:hover{color:#fffc;transform:scale(1.05)}.buttons-container{display:flex;gap:1rem;align-items:center}.button{padding:.75rem 1.5rem;border-radius:var(--radius-full);text-decoration:none;font-weight:500;transition:all .3s ease;border:2px solid transparent}.button:not(.active){background:#ffffff1a;color:#fff;border-color:#fff3}.button:not(.active):hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}.button.active{background:#fff;color:var(--primary-color)}.button.active:hover{background:#ffffffe6;transform:translateY(-2px)}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 0;text-align:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:0 1rem}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;text-shadow:0 4px 8px rgba(0,0,0,.3)}.hero-subtitle{font-size:1.25rem;margin-bottom:2rem;opacity:.9;line-height:1.6}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}#vanta-bg{width:100%;height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:15vh;position:relative;overflow:hidden}.content{position:relative;z-index:3;text-align:center;color:#fff;animation:fadeInUp 1s ease-out forwards;padding:0 20px;max-width:800px}.content h1{font-size:6rem;margin-bottom:1rem;text-shadow:0 4px 8px rgba(0,0,0,.3);font-weight:700;color:#fff}.content p{font-size:1.75rem;margin-bottom:2rem;line-height:1.6}.content p .highlight{color:#fbbf24;font-weight:700}.typewriter{display:inline-block;min-width:200px;text-align:left}.cta-btn{font-size:.9rem;min-width:11rem;width:auto;padding:1rem 1.5rem;background:linear-gradient(45deg,var(--primary-color),var(--primary-dark));border:none;color:#fff;cursor:pointer;border-radius:50px;box-shadow:var(--shadow-md);transition:transform .3s ease,box-shadow .3s ease;font-weight:700;text-decoration:none;display:inline-block;text-align:center;white-space:nowrap}.cta-btn:after{content:"→";font-size:1rem;margin-left:.5rem;display:inline-block;vertical-align:middle;transition:transform .3s ease}.cta-btn:hover:after{transform:translate(5px)}.cta-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.cta-btn.secondary{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(10px)}.cta-btn.secondary:hover{background:#fff3;border-color:#ffffff80}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--text-primary)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-lg{padding:1rem 2rem;font-size:1rem}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.free-badge{font-size:14px!important}.footer-links{flex-direction:column;gap:1rem}.footer-links a{padding:.75rem 1rem;font-size:.95rem}.about-page h1{font-size:2.8rem}.about-page h2{font-size:2rem}.about-page section{padding:2.5rem 2rem}.values-grid,.features-grid,.team-grid,.commitment-points{grid-template-columns:1fr}.contact-page h1,.privacy-policy-page h1,.terms-of-service-page h1{font-size:2.8rem}.contact-info,.faq-section,.privacy-policy-page section,.terms-of-service-page section{padding:2.5rem 2rem}.hero-buttons{flex-direction:column;align-items:center}#vanta-bg{padding-top:10vh}.content h1{font-size:3.5rem}.content p{font-size:1.25rem}.typewriter{min-width:150px}.features-grid{grid-template-columns:1fr!important;gap:1.5rem}.feature-card{padding:1.5rem}.section-title{font-size:2rem;margin-bottom:2rem}.testimonials-grid{grid-template-columns:1fr;gap:1.5rem}.cta-title{font-size:2rem}.cta-description{font-size:1rem}.cta-buttons{flex-direction:column;align-items:center}}.features-section{padding:0;padding-bottom:4rem;position:relative;z-index:10;border:none!important;background:none!important}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem}.feature-card{background:linear-gradient(135deg,var(--bg-primary) 0%,rgba(255,255,255,.05) 100%);padding:2.5rem 2rem;border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;backdrop-filter:blur(10px)}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#2563eb1a,#10b9811a);opacity:0;transition:opacity .4s ease;z-index:1}.feature-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026,0 0 0 1px #2563eb1a;border-color:#2563eb33}.feature-card:hover:before{opacity:1}.feature-icon{width:80px;height:80px;margin:0 auto 2rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 50%,#7c3aed 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;position:relative;z-index:2;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #2563eb4d}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 35px #2563eb66;background:linear-gradient(135deg,#7c3aed 0%,var(--primary-color) 50%,var(--primary-dark) 100%)}.feature-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;position:relative;z-index:2;transition:all .3s ease}.feature-card:hover .feature-title{color:var(--primary-color);transform:translateY(-2px)}.feature-description{color:var(--text-secondary);line-height:1.7;position:relative;z-index:2;transition:all .3s ease;font-size:1rem}.feature-card:hover .feature-description{color:var(--text-primary)}.feature-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg) translate(-100%);transition:transform .6s ease;z-index:1}.feature-card:hover:after{transform:rotate(45deg) translate(100%)}.testimonials-section{padding:4rem 0;background:var(--bg-primary);position:relative;z-index:10}.testimonial-card{background:var(--bg-secondary);padding:2rem;border-radius:var(--radius-lg);border-left:4px solid var(--primary-color);margin-bottom:1.5rem}.testimonial-text{font-style:italic;color:var(--text-primary);margin-bottom:1rem;line-height:1.6}.testimonial-author{font-weight:600;color:var(--primary-color)}.cta-section{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;padding:4rem 0;text-align:center;position:relative;z-index:10;border-radius:15px;margin-bottom:30px}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-description{font-size:1.125rem;margin-bottom:2rem;opacity:.9}.sidebar{background:var(--bg-primary);border-right:1px solid var(--border-color);width:250px;height:100vh;position:fixed;top:0;left:0;overflow-y:auto;z-index:50}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-color)}.sidebar-nav{padding:1rem 0}.sidebar-nav-item{display:block;padding:.75rem 1.5rem;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;border-left:3px solid transparent}.sidebar-nav-item:hover{background:var(--bg-secondary);color:var(--text-primary);border-left-color:var(--primary-color)}.sidebar-nav-item.active{background:#2563eb1a;color:var(--primary-color);border-left-color:var(--primary-color)}.content-with-sidebar{margin-left:250px;min-height:100vh;background:var(--bg-secondary)}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.content-with-sidebar{margin-left:0}.mobile-menu-toggle{display:block}}.mobile-menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--text-primary);cursor:pointer}.notification{position:fixed;top:1rem;right:1rem;background:var(--bg-primary);border-radius:var(--radius-md);padding:1rem 1.5rem;box-shadow:var(--shadow-lg);border-left:4px solid;z-index:1000;animation:slideInRight .3s ease-out;max-width:400px}.notification.success{border-left-color:var(--success-color)}.notification.error{border-left-color:var(--danger-color)}.notification.warning{border-left-color:var(--warning-color)}.notification.info{border-left-color:var(--info-color)}.notification-title{font-weight:600;margin-bottom:.25rem}.notification-message{color:var(--text-secondary);font-size:.875rem}@media (prefers-color-scheme: dark){:root{--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-light: #9ca3af;--bg-primary: #1f2937;--bg-secondary: #111827;--bg-tertiary: #374151;--border-color: #374151;--border-light: #4b5563}body{background-color:var(--bg-secondary);color:var(--text-primary)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.free-badge{margin-top:35px!important;font-size:20px!important;font-weight:600;margin-top:10px;text-align:center}.free-highlight{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:6px 12px;border-radius:20px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #2563eb4d;display:inline-block;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 4px 15px #2563eb4d;transform:scale(1)}50%{box-shadow:0 6px 20px #2563eb80;transform:scale(1.05)}}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.about-page{min-height:100vh;background:var(--bg-secondary);padding:2rem 0;border-radius:15px}.about-page .container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.about-page h1{font-size:3rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:3rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-page h2{font-size:2.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;text-align:center;position:relative}.about-page h2:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:2px}.about-page h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.about-page h4{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.about-page p{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:1.5rem;text-align:justify}.about-page section{background:var(--bg-primary);border-radius:var(--radius-xl);padding:3rem 2.5rem;margin-bottom:3rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);transition:all .3s ease}.about-page section:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.hero-section{background:linear-gradient(135deg,#2563eb0d,#10b9810d);border:2px solid rgba(37,99,235,.1)}.story-section{background:linear-gradient(135deg,#10b9810d,#f59e0b0d);border:2px solid rgba(16,185,129,.1)}.values-section{background:linear-gradient(135deg,#f59e0b0d,#ef44440d);border:2px solid rgba(245,158,11,.1)}.features-section{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border:2px solid rgba(59,130,246,.1)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.feature-card{background:var(--bg-primary);padding:2.5rem 2rem;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--border-light);transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}.feature-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.feature-card h3{font-size:1.4rem;margin-bottom:1rem;color:var(--text-primary)}.feature-card p{font-size:1rem;text-align:center;margin-bottom:0}.team-section{background:linear-gradient(135deg,#8b5cf60d,#ec48990d);border:2px solid rgba(139,92,246,.1)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;margin-top:2rem}.team-member{background:var(--bg-primary);padding:2rem;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--border-light);transition:all .3s ease}.team-member:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--secondary-color)}.team-member h3{font-size:1.3rem;margin-bottom:1rem;color:var(--secondary-color)}.team-member p{font-size:1rem;text-align:center;margin-bottom:0}.commitment-section{background:linear-gradient(135deg,#ec48990d,#ef44440d);border:2px solid rgba(236,72,153,.1)}.contact-section{background:linear-gradient(135deg,#ef44440d,#2563eb0d);border:2px solid rgba(239,68,68,.1);text-align:center}.contact-links{display:flex;justify-content:center;gap:2rem;margin-top:2rem;flex-wrap:wrap}.contact-link{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;text-decoration:none;border-radius:var(--radius-lg);font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:var(--shadow-md)}.contact-link:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);background:linear-gradient(135deg,var(--primary-dark),var(--secondary-color))}.contact-link:active{transform:translateY(-1px)}.contact-page{min-height:100vh;background:var(--bg-secondary);padding:2rem 0;border-radius:15px}.contact-page .container{max-width:1200px;margin:0 auto;padding:0 1.5rem;border-radius:15px}.contact-page h1{font-size:3rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-intro{font-size:1.2rem;color:var(--text-secondary);text-align:center;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem}.contact-info{background:var(--bg-primary);border-radius:var(--radius-xl);padding:3rem 2.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);transition:all .3s ease}.contact-info:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.contact-info h2{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem;text-align:center;position:relative}.contact-info h2:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:2px}.contact-item{background:var(--bg-secondary);padding:2rem;border-radius:var(--radius-lg);margin-bottom:2rem;border:1px solid var(--border-light);transition:all .3s ease}.contact-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.contact-item h3{font-size:1.3rem;font-weight:600;color:var(--primary-color);margin-bottom:1rem}.contact-item p{font-size:1rem;color:var(--text-secondary);margin-bottom:.5rem;line-height:1.6}.email-highlight{font-weight:600;color:var(--primary-color)!important;font-size:1.1rem!important;background:#2563eb1a;padding:.5rem 1rem;border-radius:var(--radius-md);display:inline-block;margin:.5rem 0!important}.faq-section{background:var(--bg-primary);border-radius:var(--radius-xl);padding:3rem 2.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);transition:all .3s ease}.faq-section:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.faq-section h2{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem;text-align:center;position:relative}.faq-section h2:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));border-radius:2px}.faq-item{background:var(--bg-secondary);padding:2rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;border:1px solid var(--border-light);transition:all .3s ease}.faq-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--secondary-color)}.faq-item h3{font-size:1.2rem;font-weight:600;color:var(--secondary-color);margin-bottom:1rem}.faq-item p{font-size:1rem;color:var(--text-secondary);margin-bottom:0;line-height:1.6}.privacy-policy-page,.terms-of-service-page{min-height:100vh;background:var(--bg-secondary);padding:2rem 0;border-radius:15px}.privacy-policy-page .container,.terms-of-service-page .container{max-width:1000px;margin:0 auto;padding:0 1.5rem}.privacy-policy-page h1,.terms-of-service-page h1{font-size:3rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.last-updated{font-size:1rem;color:var(--text-light);text-align:center;margin-bottom:3rem;font-style:italic}.privacy-policy-page section,.terms-of-service-page section{background:var(--bg-primary);border-radius:var(--radius-xl);padding:3rem 2.5rem;margin-bottom:2rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);transition:all .3s ease}.privacy-policy-page section:hover,.terms-of-service-page section:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.privacy-policy-page h2,.terms-of-service-page h2{font-size:1.8rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;position:relative;padding-left:1rem}.privacy-policy-page h2:before,.terms-of-service-page h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:30px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:2px}.privacy-policy-page h3,.terms-of-service-page h3{font-size:1.3rem;font-weight:600;color:var(--primary-color);margin-bottom:1rem;margin-top:1.5rem}.privacy-policy-page p,.terms-of-service-page p{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:1.5rem}.privacy-policy-page ul,.terms-of-service-page ul{margin:1rem 0;padding-left:2rem}.privacy-policy-page li,.terms-of-service-page li{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:.8rem;position:relative}.privacy-policy-page li::marker,.terms-of-service-page li::marker{color:var(--primary-color)}.privacy-policy-page strong,.terms-of-service-page strong{color:var(--text-primary);font-weight:600}.privacy-policy-page a,.terms-of-service-page a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:all .3s ease}.privacy-policy-page a:hover,.terms-of-service-page a:hover{color:var(--primary-dark);text-decoration:underline}::selection{background:var(--primary-color);color:#fff}::-moz-selection{background:var(--primary-color);color:#fff}@media (max-width: 1650px){.scroll-indicator{top:120%!important}}.tutorial-section-index{background:linear-gradient(135deg,var(--bg-primary) 0%,rgba(255,255,255,.05) 100%);padding:2.5rem 2rem;border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;backdrop-filter:blur(10px);z-index:20;margin-bottom:40px}.tutorial-link-index{font-weight:700;letter-spacing:1px}.tutorial-text-index{font-size:1.25rem;color:var(--text-primary)}.form-container{max-width:400px;width:300px;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;position:absolute;top:20%;left:50%;transform:translate(-50%);text-align:center}.form-title{text-align:center;margin-bottom:20px;color:#3b3e68;font-size:33px}.form-message{color:#6990eb;font-weight:700;margin-top:10px;text-align:center}.form-input{height:100%;width:100%;padding:0 30px;color:#333;transition:all .2s ease;border:none;border-bottom:2px solid #131313;background:transparent;outline:none;box-shadow:none;border-radius:0}.form-input:focus{border-bottom-color:#2563eb;box-shadow:none}.input_box{position:relative;margin-top:30px;width:100%;height:40px}.input_box input{height:100%;width:100%;border:none;outline:none;padding:0 30px;color:#333;transition:all .2s ease;border-bottom:1.5px solid #aaaaaa;background:transparent;box-shadow:none;border-radius:0}.input_box input:focus{border-bottom-color:#7d2ae8;box-shadow:none}.input_box i{position:absolute;top:50%;transform:translateY(-50%);font-size:20px;color:#707070}.input_box i.email,.input_box i.password,.input_box i.username,.input_box i.name,.input_box i{left:0;color:#2563eb}.input_box input:focus~i{color:#6f00ff}.form-container form{text-align:center}.form-button{background:#2563eb!important;color:#fff!important;border:none;border-radius:12px;padding:12px 24px!important;font-size:16px!important;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px;align-self:center;min-height:44px;width:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.form-button:hover{background:#6a1b9a;color:#fff!important;transform:translateY(-2px);box-shadow:0 6px 20px #7d2ae84d}.form-button:disabled{background:#9ca3af!important;cursor:not-allowed;transform:none;box-shadow:none}.form-button:disabled:hover{background:#9ca3af!important;transform:none;box-shadow:none}.checkbox{margin-top:20px;display:flex;align-items:center;gap:8px}.checkbox label{font-size:14px;color:#333}#logout-button{position:absolute;top:70%;left:50%;transform:translate(-50%)}.profile-container{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem 0;min-height:100vh}.profile-form-container{position:relative;top:auto;left:auto;transform:none;margin:0}.profile-logout-container{margin-top:2rem;display:flex;justify-content:center}.profile-logout-button{position:relative;top:auto;left:auto;transform:none}.form-button-group{display:flex;gap:1rem;justify-content:center}.form-button-secondary{background-color:#6b7280!important}@media (max-width: 768px){.form-container{max-width:350px;width:280px;padding:15px;top:20%}.form-title{font-size:28px;margin-bottom:15px}.input_box{margin-top:20px;height:35px}.input_box i{font-size:18px}.form-button{margin-top:20px;padding:12px 24px!important;font-size:16px!important;min-height:48px;width:100%}.checkbox{margin-top:15px}}@media (max-width: 480px){.form-container{max-width:320px;width:260px;padding:12px;top:20%}.form-title{font-size:24px;margin-bottom:12px}.input_box{margin-top:18px;height:32px}.input_box i{font-size:16px}.form-button{margin-top:20px;padding:14px 28px!important;font-size:17px!important;min-height:52px;width:100%}.checkbox{margin-top:12px}.checkbox label{font-size:13px}}@media (max-width: 390px){.form-container{max-width:300px;width:300px;padding:20px;top:15%}.form-title{font-size:20px;margin-bottom:10px}.input_box{margin-top:15px;height:30px}.input_box i{font-size:15px}.form-button{margin-top:25px;padding:16px 32px!important;font-size:18px!important;min-height:56px;width:100%}.checkbox{margin-top:10px}.checkbox label{font-size:12px}}@media (max-width: 350px){.form-container{max-width:280px;width:220px;padding:8px;top:3%}.form-title{font-size:18px;margin-bottom:8px}.input_box{margin-top:12px;height:28px}.input_box i{font-size:14px}.form-button{margin-top:20px;padding:18px 36px!important;font-size:18px!important;min-height:60px;width:100%}.checkbox{margin-top:8px}.checkbox label{font-size:11px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}html,body{overflow-x:hidden;width:100%;max-width:100%}a{text-decoration:none}.easy-bold{font-weight:600}.header{position:fixed;top:0;left:0;height:80px;width:100%;z-index:9999;padding:0 20px;background:#00000040;backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0003}.main-content{margin-top:35px;min-height:calc(100vh - 60px)}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}html::-webkit-scrollbar-thumb{background:#7d2ae899;border-radius:4px}html::-webkit-scrollbar-thumb:hover{background:#7d2ae8cc}.nav{max-width:1100px;width:100%}.nav_items{position:absolute;left:50%;transform:translate(-50%)}.nav,.nav_item{display:flex;height:100%;align-items:center;justify-content:space-between}.nav_logo,.nav_link,.button{color:#fff}.nav_logo{font-size:25px}.nav_item{column-gap:25px}.nav_link{letter-spacing:.5px}.nav_link:hover{color:#d9d9d9}.nav_link.active{border-bottom:2px solid #fff}.buttons-container{position:absolute;top:10px;right:10px;display:flex;gap:10px;padding-top:10px;margin-right:2%}.button{padding:6px 24px;border:2px solid #fff;background:transparent;border-radius:6px;cursor:pointer}.button:hover{background:#ffffffa6;color:#000;transition:all .3s ease-in-out}#profile-button.active,#login-button.active,#register-button.active{background:#fff;color:#000}.button:active{transform:scale(.9)}body{position:relative;height:100vh;width:100%;background-image:url(/assets/after-sunset-minimal-4k-zm-D0-N3XUL.jpg);background-size:cover;background-position:center;background-attachment:fixed;padding-top:50px}@media (max-width: 550px){#login-button,#register-button{display:none!important}}@media (max-width: 1310px){body{background-image:url(/assets/after-sunset-minimal-4k-zm-D0-N3XUL.jpg)!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important;background-repeat:no-repeat!important;min-height:100vh!important;overflow-x:hidden!important}.header{height:60px;padding:0 15px}.nav{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.nav_logo{flex:1;z-index:1;margin-right:60px;font-size:20px}.nav_items{position:fixed!important;top:55px!important;left:0!important;width:100%!important;backdrop-filter:blur(15px)!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;transform:translate(-100%)!important;transition:all .3s ease!important;z-index:9998!important;visibility:hidden!important;opacity:0!important}.nav_items.active{transform:translate(0)!important;visibility:visible!important;opacity:1!important}.nav_item{flex-direction:column;gap:0px;width:100%}.nav_link{font-size:19px;padding:20px 10px;width:100%;text-align:center;background-color:#000000d7;margin-top:0;border-bottom:10px solid rgba(226,216,216,.247)}.nav_link.active{background:#000;color:#fff}.hamburger{display:block;position:absolute;right:15px;top:50%;transform:translateY(-50%);width:30px;height:25px;cursor:pointer;z-index:9999}.hamburger span{display:block;width:100%;height:3px;background:#fff;margin:5px 0;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.buttons-container{position:absolute;right:40%;top:50%;transform:translate(50%,-50%);z-index:10000;margin-right:0;padding-top:0}.buttons-container .button{padding:4px 16px;font-size:12px;border-width:1px}.main-content{margin-top:60px;min-height:calc(100vh - 60px);padding:0 10px;width:100%;box-sizing:border-box}.menu-overlay{position:fixed;top:60px;left:0;width:100%;height:calc(100vh - 60px);background:#00000080;z-index:9997;opacity:0;visibility:hidden;transition:all .3s ease}.menu-overlay.active{opacity:1;visibility:visible}}@media (max-width: 390px){body{background-image:url(/assets/after-sunset-minimal-4k-zm-D0-N3XUL.jpg)!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important;background-repeat:no-repeat!important;min-height:100vh!important;overflow-x:hidden!important}.header{height:55px;padding:0 10px}.nav_logo{margin-right:50px;font-size:20px}.buttons-container{right:40%;transform:translate(50%,-50%);z-index:10000;margin-right:0}.buttons-container .button{padding:5px 15px;font-size:14px;border-width:1px}.nav_items{top:55px!important;height:35px!important;left:0!important;width:100%!important;transform:translate(-100%)!important;visibility:hidden!important;opacity:0!important}.hamburger{right:10px;top:50%;transform:translateY(-50%);width:28px;height:22px}.hamburger span{height:2.5px;margin:4px 0}.main-content{margin-top:0;min-height:calc(100vh - 55px);padding:0 8px;width:100%;box-sizing:border-box}.menu-overlay{top:50px;height:calc(100vh - 55px);width:100%}}@media (max-width: 350px){body{background-image:url(/assets/after-sunset-minimal-4k-zm-D0-N3XUL.jpg)!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important;background-repeat:no-repeat!important;min-height:100vh!important;overflow-x:hidden!important}.header{height:50px;padding:0 8px}.nav_logo{margin-right:45px}.buttons-container{right:50%;transform:translate(50%,-50%);z-index:10000;margin-right:0;padding-top:0}.buttons-container .button{padding:2px 12px;font-size:10px;border-width:1px}.nav_items{top:50px!important;height:calc(100vh - 50px)!important;left:0!important;width:100%!important;transform:translate(-100%)!important;visibility:hidden!important;opacity:0!important}.hamburger{right:8px;top:50%;transform:translateY(-50%);width:25px;height:20px}.hamburger span{height:2px;margin:3px 0}.main-content{margin-top:50px;min-height:calc(100vh - 50px);padding:0 6px}.menu-overlay{top:50px;height:calc(100vh - 50px)}.nav_link{font-size:16px;padding:12px 0}}.google-login-container{margin-top:1rem;margin-bottom:1rem}.google-login-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:.75rem 1rem;background:#fff;color:#374151;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative}.google-login-btn:hover{border-color:#d1d5db;background:#f9fafb;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.google-login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.google-icon{width:20px;height:20px;flex-shrink:0}.loading-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{margin-top:1rem;padding:.75rem 1rem;background:#ef44441a;color:#991b1b;border:1px solid rgba(239,68,68,.2);border-radius:8px;font-size:.9rem;text-align:center}@media (max-width: 480px){.google-login-btn{padding:.6rem .8rem;font-size:.9rem}.google-icon,.loading-spinner{width:18px;height:18px}}@media (max-width: 390px){.google-login-btn{padding:.5rem .7rem;font-size:.85rem}.google-icon,.loading-spinner{width:16px;height:16px}}