.web-nav{display:flex;align-items:center;padding:1rem;position:fixed;top:0;left:50%;transform:translate(-50%);z-index:1000;background:#fff;margin-top:1.5rem;border-radius:50rem;box-shadow:0 4px 20px #0000000d;width:auto;min-width:min(100% - 2rem,var(--max-width))}.nav-container{width:100%;display:flex;justify-content:space-between;align-items:center}.logo{width:10rem;height:auto;cursor:pointer}.logo img{width:100%;height:auto;display:block}.nav-link-wrapper{display:flex;flex-direction:row;column-gap:.5rem;border-radius:20rem;padding:.25rem;background-color:var(--bg-weak)}.nav-link{text-decoration:none;color:var(--text-sub);font-weight:500;font-size:.9rem;padding:.5rem 1.25rem;transition:var(--transition);border:none;background:transparent;cursor:pointer;border-radius:20rem;font-family:var(--font-family-base)}.nav-link:hover,.nav-link.active{color:var(--primary);background-color:var(--bg-white)}.nav-button-wrapper{display:flex;flex-direction:row;column-gap:1.2rem;align-items:center}.login-link{width:fit-content;white-space:nowrap;text-decoration:none;color:var(--text-sub);font-weight:500;font-size:.9rem;padding:.5rem 1rem;transition:var(--transition);background:transparent;border:none;cursor:pointer;font-family:var(--font-family-base)}.login-link:hover{color:var(--primary);font-weight:600}.nav-user-area{display:flex;align-items:center}.nav-avatar{width:3rem;height:3rem;min-width:3rem;min-height:3rem;border-radius:50%;overflow:hidden;cursor:pointer;background:var(--bg-weak);display:flex;align-items:center;justify-content:center;transition:var(--transition);border:2px solid transparent}.nav-avatar:hover{border-color:var(--primary);box-shadow:0 0 0 3px #4da77133}.nav-avatar img{width:100%;height:100%;object-fit:cover;display:block}.nav-avatar-initial{font-size:1.1rem;font-weight:400;color:var(--secondary);line-height:1}.mobile-toggle{display:none;background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--secondary)}.mobile-menu-header,.mobile-auth-footer{display:none!important}@media(max-width:1024px){.nav-link-wrapper{display:none}.nav-link-wrapper.mobile-open{display:flex;flex-direction:column;position:fixed;top:0;left:0;right:0;bottom:0;background:#0a1e14fa;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);margin-top:0;border-radius:2rem;padding:2.5rem 2rem;box-shadow:none;align-items:flex-start;gap:1.5rem;height:100vh;z-index:2000;animation:slideDown .4s cubic-bezier(.16,1,.3,1)}.mobile-menu-header,.mobile-auth-footer{display:flex!important}.mobile-menu-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-logo{height:2.5rem;filter:brightness(0) invert(1)}.mobile-close{background:#ffffff1a;border:none;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;cursor:pointer}.nav-link-wrapper.mobile-open .nav-link{width:100%;text-align:left;font-size:1.75rem;padding:.75rem 0;color:#fff;background:transparent;border-bottom:1px solid rgba(255,255,255,.05);border-radius:0;opacity:0;animation:slideInLeft .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--i) * .08s + .1s)}.nav-link-wrapper.mobile-open .nav-link:hover,.nav-link-wrapper.mobile-open .nav-link.active{color:var(--primary);border-radius:0}.mobile-auth-footer{margin-top:auto;width:100%;display:flex;flex-direction:column;gap:1rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);opacity:0;animation:slideInLeft .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.6s}.mobile-auth-note{font-size:.9rem;color:#ffffff80;text-align:center}.mobile-toggle{display:block}.desktop-only{display:none}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:600px){.web-nav{margin-top:1rem;border-radius:3rem;padding:1.25rem 1rem}.logo{width:8rem}.login-link{font-size:.85rem;padding:.5rem .75rem}.nav-button-wrapper{column-gap:.5rem}.nav-avatar{width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem}}.special-button{display:flex;padding:1rem 1.5rem;justify-content:center;align-items:center;gap:.5rem;color:#fff;font-size:1rem;font-weight:500;border-radius:6rem;border:none;background:linear-gradient(180deg,#ffffff29,#fff0),var(--primary);box-shadow:0 2px 4px #4da16e4d;transition:var(--transition);cursor:pointer;font-family:var(--font-family-base);width:fit-content}.special-button:hover{background:var(--secondary);transform:translateY(-2px);box-shadow:0 4px 8px #02313766}.special-button .material-symbols-outlined{font-size:1.1rem;margin-bottom:-.3rem}@media(max-width:768px){.special-button{width:100%}}.footer-section{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;padding:6rem 0 4rem;background-color:var(--bg-white);margin-top:6rem;border-top:1px solid var(--stroke-soft)}.footer-container{display:flex;flex-direction:column;row-gap:4rem;width:100%;max-width:var(--max-width);padding:0 24px}.footer-top-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:4rem}.footer-summary{width:35%;font-size:1.1rem;line-height:1.6;color:var(--text-sub);font-family:var(--font-family-base)}.footer-link-container{display:flex;flex-direction:row;width:55%;justify-content:space-between;gap:2rem}.link-container{display:flex;flex-direction:column;row-gap:1.5rem}.footer-link-title{font-weight:700;font-size:1rem;color:var(--secondary);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-family-base)}.footer-link-group{display:flex;flex-direction:column;row-gap:1rem}.footer-link,.terms-link{text-decoration:none;color:var(--text-soft);background:none;border:none;padding:0;text-align:left;font-size:1rem;font-weight:500;transition:var(--transition);cursor:pointer;font-family:var(--font-family-base)}.footer-link:hover,.terms-link:hover{color:var(--primary)}.footer-logo{width:100%;margin:2rem 0}.footer-logo img{width:100%;height:auto;display:block}.footer-bottom-container{display:flex;flex-direction:column;gap:1.5rem}.copy-right-container{display:flex;padding:1.5rem 0 0;justify-content:space-between;align-items:center;border-top:1px solid var(--stroke-soft)}.admin-shield{font-weight:700;color:var(--secondary);display:flex;align-items:center;gap:.5rem;white-space:nowrap}.copy-right-text{font-size:.9rem;color:var(--text-soft);font-family:var(--font-family-base)}.terms-container{display:flex;flex-direction:row;align-items:center;column-gap:2rem}.text-btn{font-size:.9rem;font-weight:600}@media(max-width:1024px){.footer-top-container{flex-direction:column;gap:3rem}.footer-summary,.footer-link-container{width:100%}}@media(max-width:640px){.footer-link-container{flex-wrap:wrap;gap:3rem}.link-container{width:calc(50% - 1.5rem)}.copy-right-container{flex-direction:column;align-items:flex-start;row-gap:2rem}.copy-right-text{width:100%;text-align:center}.terms-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:2rem}}.btn{padding:12px 24px;border-radius:var(--radius-full);font-weight:700;font-size:14px;transition:var(--transition);border:none;cursor:pointer;font-family:var(--font);display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn-primary{background:var(--primary);color:#fff;padding:1rem 1.5rem;border-radius:var(--radius-full);font-weight:700;font-size:14px;transition:var(--transition);border:none;cursor:pointer;font-family:var(--font);display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 2px 4px #4da16e4d}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md);box-shadow:0 2px 4px #4da16e4d}.btn-secondary{background:var(--secondary);color:#fff;padding:1rem 1.5rem;border-radius:var(--radius-full);font-weight:700;font-size:14px;transition:var(--transition);border:none;cursor:pointer;font-family:var(--font);display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 2px 4px #4da16e4d}.btn-secondary:hover{background:var(--secondary-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{width:fit-content;background:transparent;color:var(--primary);border:2px solid var(--primary);padding:.75rem 1.5rem;border-radius:var(--radius-full);display:flex;flex-direction:row;align-items:center;justify-content:center;column-gap:.5rem}.btn-outline:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--tertiary);color:var(--secondary)}.btn-accent{background:var(--accent);color:var(--secondary)}.btn-accent:hover{background:var(--accent-dark);transform:translateY(-1px)}.btn-sm{padding:8px 16px;font-size:13px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02313799;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px}.auth-modal{background:#fff;width:100%;max-width:480px;border-radius:var(--radius-xl);padding:56px 48px;position:relative;box-shadow:var(--shadow-xl);overflow:hidden}.auth-modal:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,var(--primary),var(--secondary))}.auth-close{position:absolute;top:24px;right:24px;width:40px;height:40px;border-radius:50%;background:#f8f9fa;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-secondary);transition:var(--transition)}.auth-close:hover{background:#eee;transform:rotate(90deg)}.auth-header{text-align:center;margin-bottom:40px}.auth-logo{margin-bottom:24px}.auth-logo img{height:40px;margin:0 auto}.auth-title{font-size:32px;font-weight:800;color:var(--secondary);margin-bottom:8px}.auth-subtitle{font-size:15px;color:var(--text-muted)}.auth-mode-toggle{display:grid;grid-template-columns:1fr 1fr;background:#f5f7f6;padding:4px;border-radius:16px;margin-bottom:32px}.mode-btn{padding:12px;border-radius:12px;font-size:14px;font-weight:700;color:var(--text-secondary);transition:var(--transition)}.mode-btn.active{background:#fff;color:var(--secondary);box-shadow:var(--shadow-sm)}.auth-form{display:flex;flex-direction:column;gap:16px}.futuristic-input{width:100%;padding:16px 20px;border-radius:16px;border:1px solid var(--border);background:#fdfdfd;font-family:var(--font);font-size:15px;font-weight:500;transition:var(--transition)}.futuristic-input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #4da7711a}.auth-submit-btn{margin-top:8px;height:56px;font-size:16px;font-weight:700}.auth-social-wrap{margin-top:32px;text-align:center}.auth-social-wrap p{font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:16px}.auth-social-btns{display:flex;gap:12px;justify-content:center}.social-btn{width:100%;height:52px;border-radius:16px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--secondary);transition:var(--transition)}.social-btn:hover{background:#f8f9fa;border-color:var(--text-muted)}@media(max-width:480px){.auth-modal{padding:48px 24px;border-radius:var(--radius-lg)}}.status-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.status-modal-container{background:#fff;border-radius:24px;width:100%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;border:1px solid var(--stroke-soft)}.status-modal-content{padding:24px}.status-modal-header{display:flex;gap:16px;align-items:flex-start}.status-modal-icon-wrap{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.status-modal-text{flex:1}.status-modal-title{font-size:20px;font-weight:700;color:var(--secondary);margin-bottom:8px;line-height:1.2}.status-modal-desc{font-size:15px;color:var(--text-secondary);line-height:1.5;margin:0}.status-modal-footer{padding:16px 24px;border-top:1px solid var(--stroke-soft);display:flex;align-items:center;justify-content:flex-end;gap:12px;background:#fcfcfc}.status-modal-btn{font-weight:600!important;font-size:15px!important}@keyframes modalUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-up{animation:modalUp .3s ease-out forwards}.app-container{min-height:100vh;display:flex;flex-direction:column;padding:0}.main-content{flex:1;width:100%;position:relative;overflow:visible}.placeholder-page{padding:100px 32px;text-align:center;display:flex;flex-direction:column;gap:40px;align-items:center}.placeholder-content{background:#fff;padding:64px;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:600px;width:100%}.placeholder-content h1{color:var(--secondary);margin-bottom:20px}.placeholder-content p{color:var(--text-secondary)}:root{--static-black: #0E121B;--static-white: #FFFFFF;--bg-strong: #0E121B;--bg-surface: #222530;--bg-sub: #CACFD8;--bg-soft: #E1E4EA;--bg-weak: #F5F7FA;--bg-white: #FFFFFF;--text-strong: #0E121B;--text-sub: #525866;--text-soft: #99A0AE;--text-disabled: #CACFD8;--text-white: #FFFFFF;--stroke-strong: #0E121B;--stroke-sub: #CACFD8;--stroke-soft: #E1E4EA;--sc-background: #ffffff;--sc-foreground: #020817;--sc-muted: #f1f5f9;--sc-muted-foreground: #64748b;--sc-popover: #ffffff;--sc-popover-foreground: #020817;--sc-card: #ffffff;--sc-card-foreground: #020817;--sc-border: #e2e8f0;--sc-input: #e2e8f0;--sc-primary: #020817;--sc-primary-foreground: #ffffff;--sc-secondary: #f1f5f9;--sc-secondary-foreground: #0f172a;--sc-accent: #f1f5f9;--sc-accent-foreground: #0f172a;--sc-destructive: #ef4444;--sc-destructive-foreground: #f8fafc;--sc-ring: #94a3b8;--sc-radius: .5rem;--color-text-heading: var(--text-strong);--color-text-body: var(--text-sub);--color-link: #4DA771;--primary: #4DA771;--secondary: #023137;--accent: #F5C518;--font-family-base: "Montserrat", sans-serif;--typography-heading-1-font-size: 2.5rem;--typography-heading-1-font-weight: 800;--typography-heading-1-line-height: 1.1;--typography-heading-1-letter-spacing: -.03em;--typography-heading-2-font-size: 2rem;--typography-heading-2-font-weight: 700;--typography-heading-2-line-height: 1.2;--typography-heading-2-letter-spacing: -.01em;--typography-heading-3-font-size: 1.5rem;--typography-heading-3-font-weight: 600;--typography-heading-3-line-height: 1.3;--typography-heading-3-letter-spacing: 0;--font-size-base: 1rem;--line-height-base: 1.5;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 999px;--sc-radius: var(--radius-md);--shadow-sm: 0 2px 4px rgba(14, 18, 27, .05);--shadow-md: 0 8px 16px rgba(14, 18, 27, .08);--shadow-lg: 0 16px 32px rgba(14, 18, 27, .12);--shadow-xl: 0 32px 64px rgba(14, 18, 27, .18);--shadow-tight: 0 0 0 1px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .1);--transition: .3s cubic-bezier(.4, 0, .2, 1);--max-width: 1320px;--nav-height: 80px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;caret-color:transparent}html{scroll-behavior:smooth}h1,h2,h3{font-weight:var(--font-weight-medium);color:var(--color-text-heading)}h1{font-size:var(--typography-heading-1-font-size);line-height:var(--typography-heading-1-line-height);letter-spacing:var(--typography-heading-1-letter-spacing);font-weight:var(--typography-heading-1-font-weight)}h2{font-size:var(--typography-heading-2-font-size);line-height:var(--typography-heading-2-line-height);letter-spacing:var(--typography-heading-2-letter-spacing);font-weight:var(--typography-heading-2-font-weight)}h3{font-size:var(--typography-heading-3-font-size);line-height:var(--typography-heading-3-line-height);letter-spacing:var(--typography-heading-3-letter-spacing);font-weight:var(--typography-heading-3-font-weight)}body{font-family:var(--font-family-base);background-color:#f7fbf8;color:var(--color-text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;font-size:var(--font-size-base);line-height:var(--line-height-base)}button{cursor:pointer;font-family:var(--font-family-base);border:none;background:none;transition:var(--transition)}input,textarea,select,[contenteditable=true]{font-family:var(--font-family-base);caret-color:auto}a{color:var(--color-link);text-decoration:none;transition:var(--transition)}img{max-width:100%;display:block}.container{max-width:var(--max-width);margin:0 auto}.container{width:100%}.glass{background:#ffffffe6;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border:1px solid rgba(255,255,255,.5)}.text-gradient{background:linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.bg-futuristic{position:relative;overflow:hidden;background:var(--bg)}.bg-futuristic:before{content:"";position:absolute;top:-20%;left:-10%;width:50%;height:60%;background:radial-gradient(circle,hsla(var(--primary-h),50%,80%,.4) 0%,transparent 70%);filter:blur(80px);z-index:0}.section-padding{padding:120px 0}.subtle-shadow{box-shadow:0 8px 32px #0231370d}.animate-in{animation:fadeIn .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}