@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Instrument+Serif:ital,wght@0,400;1,400&display=swap";:root{--bg-color:#0d0d0d;--card-bg:#161616;--card-bg-hover:#1e1e1e;--primary:#007c89;--primary-hover:#00626d;--accent:#d1122a;--accent-hover:#b00e22;--border:#262626;--text-main:#fff;--text-muted:#a0a0a0;--input-bg:#1c1c1c;--shadow:0 8px 30px #00000080;--font-sans:"Instrument Sans", sans-serif;--font-serif:"Instrument Serif", serif;--transition:all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600}.serif-text{font-family:var(--font-serif);font-style:italic}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.app-layout{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;justify-content:center;padding-bottom:70px;display:flex}@media (width>=768px){.main-content{padding-top:70px;padding-bottom:0}}.content-container{width:100%;max-width:1200px;padding:24px 16px}.card{background-color:var(--card-bg);border:1px solid var(--border);transition:var(--transition);border-radius:16px;padding:20px}.card:hover{border-color:#333;transform:translateY(-2px)}.btn-primary{background-color:var(--primary);color:#fff;font-family:var(--font-sans);cursor:pointer;transition:var(--transition);border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 4px 12px #007c894d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:var(--text-main);border:1px solid var(--border);font-family:var(--font-sans);cursor:pointer;transition:var(--transition);background-color:#0000;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background-color:var(--border);border-color:#444}.form-group{flex-direction:column;gap:8px;width:100%;margin-bottom:16px;display:flex}.form-group label{color:var(--text-muted);font-size:.85rem;font-weight:500}.input-field{background-color:var(--input-bg);border:1px solid var(--border);width:100%;color:var(--text-main);font-family:var(--font-sans);transition:var(--transition);border-radius:12px;padding:12px 16px;font-size:.95rem}.input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #007c8926}.grid-2{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=768px){.grid-2{grid-template-columns:1fr 1fr}}.grid-3{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=600px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.bottom-nav{border-top:1px solid var(--border);z-index:100;background-color:#0f0f0f;justify-content:space-around;align-items:center;height:64px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav .nav-item{color:var(--text-muted);transition:var(--transition);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;font-size:.75rem;font-weight:500;text-decoration:none;display:flex}.bottom-nav .nav-item svg{transition:var(--transition)}.bottom-nav .nav-item.active{color:var(--primary)}.bottom-nav .nav-item:hover{color:var(--text-main)}@media (width>=768px){.bottom-nav{display:none}}.top-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:100;background-color:#0f0f0fcc;height:64px;display:none;position:fixed;top:0;left:0;right:0}@media (width>=768px){.top-nav{display:block}}.top-nav-container{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.top-nav .logo{color:#fff;letter-spacing:.05em;font-size:1.3rem;font-weight:800;text-decoration:none}.pink-text{color:var(--primary)}.desktop-links{align-items:center;gap:32px;display:flex}.desktop-link{color:var(--text-muted);transition:var(--transition);padding:6px 0;font-size:.95rem;font-weight:600;text-decoration:none;position:relative}.desktop-link:hover{color:var(--text-main)}.desktop-link.active{color:var(--primary)}.desktop-link.active:after{content:"";background-color:var(--primary);border-radius:1px;height:2px;position:absolute;bottom:0;left:0;right:0}.user-badge-nav{background-color:var(--card-bg);border:1px solid var(--border);color:var(--text-main);border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:600}.auth-page{background:linear-gradient(150deg,#0d0d0df2 0%,#007c8966 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.auth-page-split{background-color:var(--bg-color);width:100vw;min-height:100vh;display:flex;overflow:hidden}.auth-left-panel{z-index:2;background:linear-gradient(150deg,#0d0d0df2 0%,#007c89cc 100%);flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.auth-left-panel:before{content:"";opacity:.08;z-index:-1;pointer-events:none;background-image:url(/assets/6F7E8406-A80C-4402-82EE-23A92E7D983C.webp);background-position:50%;background-size:cover;position:absolute;inset:0}.auth-right-panel{background-color:#000;flex:1.25;display:none;position:relative;overflow:hidden}@media (width>=768px){.auth-right-panel{display:block}.auth-left-panel{background:linear-gradient(150deg,#0d0d0dfa 0%,#007c8926 100%)}.auth-left-panel:before{display:none}}.auth-carousel{width:100%;height:100%;position:absolute;top:0;left:0}.auth-carousel-slide{background-position:50%;background-size:cover;transition:opacity 1s ease-in-out;position:absolute;inset:0}.auth-carousel-overlay{z-index:2;background:linear-gradient(90deg,#0d0d0de6 0%,#0d0d0d4d 40%,#0d0d0d00 100%);width:100%;height:100%;position:absolute;top:0;left:0}.auth-container{z-index:2;flex-direction:column;gap:28px;width:100%;max-width:400px;display:flex;position:relative}.auth-header{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.logo-title{letter-spacing:.05em;color:#fff;text-shadow:0 4px 10px #00000080;font-size:3rem;font-weight:800;line-height:1}.plan-subtitle{color:var(--primary);text-shadow:0 2px 4px #00000080;margin-bottom:8px;font-size:1.6rem;font-weight:300}.auth-subheading{color:#e0e0e0;text-shadow:0 1px 2px #00000080;font-size:.95rem;font-weight:500}.auth-form{-webkit-backdrop-filter:blur(20px);background:#161616a6;border:1px solid #ffffff0f;border-radius:24px;flex-direction:column;gap:18px;padding:32px 28px;display:flex;box-shadow:0 24px 50px #000000b3}.auth-form .input-field{background-color:#141414b3;border:1px solid #ffffff1a}.auth-form .input-field:focus{border-color:var(--primary);background-color:#0a0a0ae6}.password-group{position:relative}.password-toggle{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-main)}.auth-links{text-align:center;margin-top:12px}.auth-link-toggle{color:#ccc;cursor:pointer;transition:var(--transition);text-shadow:0 1px 2px #00000080;font-size:.85rem}.auth-link-toggle strong{color:var(--primary)}.auth-link-toggle:hover{color:#fff}.loading-screen{background-color:var(--bg-color);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.home-layout{grid-template-columns:1fr;gap:32px;display:grid}@media (width>=768px){.home-layout{grid-template-columns:1.2fr .8fr;align-items:start}}.welcome-header{margin-bottom:24px}.welcome-header h2{font-size:1.8rem;font-weight:700}.welcome-header p{color:var(--text-muted);margin-top:4px;font-size:1rem}.video-card{background-color:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;width:100%;max-width:425px;display:flex;overflow:hidden}.video-thumbnail-container{aspect-ratio:9/16;cursor:pointer;background:linear-gradient(135deg,#1c1c1c 0%,#2a2a2a 100%);justify-content:center;align-items:center;width:100%;display:flex;position:relative}.video-thumbnail-img{object-fit:cover;opacity:.6;width:100%;height:100%}.play-button-overlay{color:#fff;width:64px;height:64px;transition:var(--transition);background-color:#007c89e6;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 0 20px #007c8966}.video-thumbnail-container:hover .play-button-overlay{background-color:var(--primary-hover);transform:scale(1.1);box-shadow:0 0 25px #007c8999}.video-action-btn{background-color:var(--primary);color:#fff;font-family:var(--font-sans);cursor:pointer;text-align:center;transition:var(--transition);border:none;width:100%;padding:16px;font-size:1rem;font-weight:700}.video-action-btn:hover{background-color:var(--primary-hover)}.quick-access-section-title{color:var(--text-muted);margin-bottom:12px;font-size:1.1rem;font-weight:600}.quick-access-card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:20px;flex-direction:column;padding:8px 0;display:flex}.quick-access-item{color:var(--text-main);transition:var(--transition);justify-content:space-between;align-items:center;padding:16px 20px;text-decoration:none;display:flex}.quick-access-item:not(:last-child){border-bottom:1px solid var(--border)}.quick-access-item:hover{background-color:var(--card-bg-hover)}.quick-access-left{align-items:center;gap:16px;display:flex}.quick-access-icon-wrapper{color:var(--primary);justify-content:center;align-items:center;display:flex}.quick-access-title{font-size:.95rem;font-weight:600}.quick-access-arrow{color:var(--text-muted);transition:var(--transition)}.quick-access-item:hover .quick-access-arrow{color:var(--primary);transform:translate(4px)}.page-header{align-items:center;gap:16px;margin-bottom:28px;display:flex}.back-link{color:var(--text-main);transition:var(--transition);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;text-decoration:none;display:inline-flex}.back-link:hover{background-color:var(--border);color:var(--primary)}.guide-list{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.guide-list{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.guide-list{grid-template-columns:repeat(3,1fr)}}.guide-card{background-color:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);transition:var(--transition);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.guide-card:hover{border-color:#333;transform:translateY(-4px)}.guide-card-image-mock{width:100%;height:180px;color:var(--text-muted);background:linear-gradient(135deg,#1c1c1c 0%,#2a2a2a 100%);justify-content:center;align-items:center;display:flex}.guide-card-content{flex-direction:column;flex:1;gap:12px;padding:24px;display:flex}.guide-category{text-transform:uppercase;letter-spacing:.1em;color:var(--primary);font-size:.75rem;font-weight:700}.guide-title{font-size:1.4rem;font-weight:700;line-height:1.2}.guide-description{color:var(--text-muted);flex:1;margin-bottom:8px;font-size:.95rem;line-height:1.5}.progress-container{flex-direction:column;gap:28px;display:flex}.angle-selector{border:1px solid var(--border);background-color:#121212;border-radius:12px;gap:8px;width:100%;margin-bottom:16px;padding:4px;display:flex}.angle-btn{font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-size:.85rem;font-weight:600}.angle-btn.active{background-color:var(--primary);color:#fff}.angle-btn:hover:not(.active){color:var(--text-main);background-color:var(--card-bg)}.upload-slot{border:2px dashed var(--border);text-align:center;transition:var(--transition);cursor:pointer;background-color:#16161666;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:240px;padding:32px 16px;display:flex}.upload-slot:hover{border-color:var(--primary);background-color:#007c8908}.upload-icon-wrapper{color:var(--text-muted)}.upload-slot:hover .upload-icon-wrapper{color:var(--primary);transition:var(--transition);transform:translateY(-4px)}.upload-label-main{font-size:.95rem;font-weight:600}.upload-label-sub{color:var(--text-muted);font-size:.8rem}.upload-preview-container{border:1px solid var(--border);background-color:#000;border-radius:20px;justify-content:center;align-items:center;min-height:240px;display:flex;position:relative;overflow:hidden}.upload-preview-img{object-fit:contain;width:100%;max-height:360px;display:block}.preview-actions-overlay{gap:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.progress-alert-banner{color:var(--text-main);background-color:#d1122a14;border:1px solid #d1122a33;border-radius:16px;align-items:center;gap:16px;padding:16px 20px;font-size:.9rem;line-height:1.4;display:flex}.progress-alert-icon{color:var(--primary);flex-shrink:0}.resources-tabs{border-bottom:1px solid var(--border);gap:8px;margin-bottom:24px;padding-bottom:8px;display:flex}.resources-tab-btn{font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:20px;padding:8px 16px;font-size:.95rem;font-weight:600}.resources-tab-btn.active{background-color:var(--primary);color:#fff}.resources-tab-btn:hover:not(.active){color:var(--text-main);background-color:var(--card-bg)}.video-list{flex-direction:column;gap:16px;display:flex}@media (width>=768px){.video-list{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}}@media (width>=1024px){.video-list{grid-template-columns:repeat(3,1fr)}}.video-item-card{background-color:var(--card-bg);border:1px solid var(--border);transition:var(--transition);cursor:pointer;border-radius:16px;align-items:center;gap:16px;padding:12px;display:flex}.video-item-card:hover{background-color:var(--card-bg-hover);border-color:#333;transform:translateY(-2px)}.video-item-left{background:linear-gradient(135deg,#1c1c1c 0%,#2a2a2a 100%);border-radius:8px;flex-shrink:0;align-items:center;width:80px;height:50px;display:flex;position:relative;overflow:hidden}.video-item-thumb{object-fit:cover;opacity:.5;width:100%;height:100%}.video-item-play-overlay{color:#fff;transition:var(--transition);background-color:#0003;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-item-card:hover .video-item-play-overlay{color:var(--primary);background-color:#0006}.video-item-info{flex:1}.video-item-title{margin-bottom:2px;font-size:.95rem;font-weight:600;line-height:1.3}.video-item-category{color:var(--text-muted);font-size:.75rem}.video-item-arrow{color:var(--text-muted);transition:var(--transition)}.video-item-card:hover .video-item-arrow{color:var(--primary);transform:translate(3px)}.video-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000e6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.video-modal-content{background-color:var(--card-bg);border:1px solid var(--border);width:100%;max-width:800px;box-shadow:var(--shadow);border-radius:20px;position:relative;overflow:hidden}.video-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.video-modal-close{color:var(--text-main);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.video-modal-close:hover{color:var(--primary)}.text-resource-card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:8px;padding:20px;display:flex}.text-resource-title{color:var(--primary);font-size:1.1rem;font-weight:700}.text-resource-desc{color:var(--text-muted);font-size:.9rem;line-height:1.4}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.admin-nav-tabs{gap:8px;display:flex}.admin-table-wrapper{background-color:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;margin-top:16px;overflow:hidden}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th,.admin-table td{border-bottom:1px solid var(--border);padding:16px 20px;font-size:.95rem}.admin-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;background-color:#007c8905;font-size:.8rem;font-weight:700}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background-color:#ffffff03}.admin-mobile-cards{flex-direction:column;gap:16px;display:flex}.admin-user-card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.admin-user-card-header{justify-content:space-between;align-items:flex-start;display:flex}.admin-user-card-name{font-size:1.1rem;font-weight:700}.admin-user-card-email{color:var(--text-muted);margin-top:2px;font-size:.85rem}.admin-user-card-date{color:var(--text-muted);font-size:.8rem}@media (width>=768px){.admin-mobile-cards{display:none}}@media (width<=767px){.admin-table-wrapper{display:none}}.comparison-container{grid-template-columns:1fr;gap:24px;margin-top:20px;display:grid}@media (width>=768px){.comparison-container{grid-template-columns:1fr 1fr}}.comparison-box{background-color:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;align-items:center;padding:24px;display:flex}.comparison-title{color:var(--text-main);margin-bottom:16px;font-size:1.2rem;font-weight:700}.comparison-img-wrapper{aspect-ratio:3/4;border:1px solid var(--border);background-color:#000;border-radius:16px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.comparison-img{object-fit:contain;width:100%;height:100%}.comparison-empty{color:var(--text-muted);text-align:center;font-size:.95rem}.alert-overlay{-webkit-backdrop-filter:blur(8px);z-index:99999;background-color:#050505bf;justify-content:center;align-items:center;animation:.25s cubic-bezier(.16,1,.3,1) forwards alertFadeIn;display:flex;position:fixed;inset:0}.alert-card{background-color:var(--card-bg);border:1px solid var(--border);text-align:center;opacity:0;border-radius:20px;flex-direction:column;align-items:center;gap:16px;width:90%;max-width:380px;padding:28px 24px;animation:.35s cubic-bezier(.34,1.56,.64,1) 50ms forwards alertScaleIn;display:flex;transform:scale(.9);box-shadow:0 24px 48px #000c,0 0 0 1px #ffffff0d}.alert-icon{width:56px;height:56px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.alert-icon.success{color:var(--primary);background-color:#007c8926;border:1px solid #007c894d;box-shadow:0 0 15px #007c8926}.alert-icon.error{color:var(--accent);background-color:#d1122a26;border:1px solid #d1122a4d;box-shadow:0 0 15px #d1122a26}.alert-icon.info,.alert-icon.confirm{color:var(--text-main);background-color:#ffffff0d;border:1px solid #ffffff1a}.alert-title{color:var(--text-main);font-size:1.25rem;font-weight:700;line-height:1.2}.alert-message{color:var(--text-muted);word-break:break-word;font-size:.95rem;line-height:1.5}.alert-buttons{gap:12px;width:100%;margin-top:8px;display:flex}.alert-btn{flex:1;height:auto;padding:11px 20px;font-size:.9rem}.alert-btn-confirm-delete{background-color:var(--accent)}.alert-btn-confirm-delete:hover{background-color:var(--accent-hover);box-shadow:0 4px 12px #d1122a4d}@keyframes alertFadeIn{0%{opacity:0}to{opacity:1}}@keyframes alertScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}