:root{--color-primary:#1e3a8a;--color-secondary:#334155;--color-accent:#c2a878;--color-bg:#f8fafc;--color-surface:#fff;--color-text:#0f172a;--color-text-light:#64748b;--color-border:#e2e8f0;--radius:12px;--space-md:16px;--space-lg:32px;--font-base:system-ui, sans-serif;--font-heading:Georgia, serif}
.desktop{display:block}.mobile{display:none}@media (max-width:768px){.desktop{display:none}.mobile{display:block}}.home-desktop{grid-template-columns:2fr 1fr;gap:40px;display:grid}.layout{grid-template-columns:2.5fr 1fr;gap:40px;margin-top:40px;display:grid}.content{flex-direction:column;gap:30px;display:flex}.sidebar{position:sticky;top:20px}.hero{margin-top:20px}
.card{border:1px solid var(--color-border);padding:var(--space-md);border-radius:var(--radius);background:var(--color-surface);transition:var(--transition);cursor:pointer}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}.button{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);transition:var(--transition);padding:10px 18px;font-size:14px;text-decoration:none;display:inline-block}.button:hover{background:var(--color-secondary)}.link{color:var(--color-primary);transition:var(--transition);text-decoration:none}.link:hover{color:var(--color-accent)}.badge{background:var(--color-border);border-radius:var(--radius-sm);padding:4px 10px;font-size:12px;display:inline-block}.container{max-width:1100px;padding:var(--space-lg);margin:0 auto}
body{font-family:var(--font-base);color:var(--color-text);line-height:1.7}.title{font-size:42px;font-weight:700;font-family:var(--font-heading);margin-bottom:var(--space-md)}.subtitle{margin-bottom:var(--space-md);font-size:26px;font-weight:600}.heading-sm{font-size:20px;font-weight:600}.text{font-size:16px}.text-muted{color:var(--color-text-light);font-size:15px}.prose{max-width:720px}.prose p{margin-bottom:var(--space-md)}.prose h2{margin-top:var(--space-lg);margin-bottom:var(--space-sm);font-size:26px}.prose h3{margin-top:var(--space-md);font-size:20px}.prose strong{font-weight:600}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{color:#0f172a;background:#f4f6f9;font-family:system-ui,sans-serif;line-height:1.6}.title{color:#1e3a8a;font-size:42px;font-weight:700}.text-muted{color:#64748b}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.sticky-header{z-index:1000;background:#fff;position:sticky;top:0}.topbar{color:#ffffffd9;text-align:center;letter-spacing:.5px;background:#152c6b;font-size:12px;padding:10px 20px!important}header{color:#fff;background:#1e3a8a;border-bottom:3px solid #c2a878;padding:13px 60px;box-shadow:0 2px 12px #00000014}.header-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.brand{flex-shrink:0;align-items:center;gap:10px;padding-top:2px;text-decoration:none;display:flex}.brand-logo{object-fit:contain;width:46px;height:46px;display:block}.brand-text{flex-direction:column;justify-content:center;line-height:1.1;display:flex}.brand-title{color:#fff;letter-spacing:-.3px;font-size:18px;font-weight:700}.brand-subtitle{color:#ffffffa6;text-transform:uppercase;letter-spacing:1px;margin-top:3px;font-size:10px}.main-nav{align-items:center;gap:28px;margin-left:60px;display:flex}.main-nav a{color:#fff;font-size:15px;font-weight:400;text-decoration:none;transition:all .2s}.main-nav a:hover{color:#c2a878}.category-nav{background:#fff;border-bottom:1px solid #e5e7eb;padding:12px 0;transition:all .3s}.category-inner{align-items:center;gap:24px;width:100%;padding:0 12px;display:flex;overflow-x:auto}.category-nav a{color:#1e3a8a;white-space:nowrap;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s}.category-nav a:hover{color:#c2a878}@media (max-width:768px){header{padding:14px 18px}.main-nav{gap:18px;padding-left:20px;overflow-x:auto}.brand-title{font-size:16px}.brand-subtitle{font-size:9px}}.main-nav{gap:16px}.main-nav a{color:#fff;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;min-width:110px;height:44px;padding:0 26px;font-size:16px;font-weight:500;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001f}.main-nav a:hover{color:#fff;border-color:#ffffff2e;transform:translateY(-2px);box-shadow:0 8px 20px #0000002e}.main-nav a:before{content:"";background:linear-gradient(90deg,#0000,#ffffff24,#0000);width:100%;height:100%;transition:all .7s;position:absolute;top:0;left:-120%}.main-nav a:hover:before{left:120%}.topbar-donate{color:#fff;align-items:center;gap:6px;font-size:17px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.topbar-donate:hover{opacity:.9}.topbar-donate svg{color:#ffb84d;width:15px;height:15px}.search-nav-btn{color:#fff;justify-content:center;align-items:center;margin-left:auto;margin-right:16px;display:flex}.category-inner{gap:32px;padding:0 16px;overflow-x:auto}.category-nav a{color:#1e3a8a;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:600;transition:all .2s}.category-nav a:hover{color:#1e3a8a;background:#f3f4f6}.category-nav a.active{color:#fff;background:#1e3a8a}.category-nav{transition:transition: all .3s ease;overflow:hidden}.category-nav.show{opacity:1;transform:translateY(0)}.category-nav.hide{opacity:0;border-bottom:0;max-height:0;padding:0;overflow:hidden}.account-btn{color:#fff;justify-content:center;align-items:center;margin-left:8px;text-decoration:none;display:flex}.account-btn svg{width:30px;height:30px}.account-btn{cursor:pointer;background:0 0;border:none;padding:0}.account-menu-title{letter-spacing:.12em;text-transform:uppercase;color:#6b7280;padding:10px 14px;font-size:11px;font-weight:700}.account-menu-divider{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);border:none;height:1px;margin:8px 0}.account-menu-item{position:relative;overflow:hidden}.account-menu-item:after{content:"";opacity:0;background:#f3f4f6;height:1px;position:absolute;bottom:0;left:12px;right:12px}.account-menu-item:hover:after{opacity:1}.account-menu-item:hover{background:#f8fafc;transform:translate(4px)}.account-menu-item:last-child:after{display:none}.account-user{align-items:center;gap:12px;padding:12px;display:flex}.account-avatar{color:#fff;background:#111827;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:700;display:flex}.account-name{color:#111827;font-size:14px;font-weight:600}.account-role{color:#6b7280;margin-top:2px;font-size:12px}
footer{color:#fff;text-align:center;background:#1e3a8a;border-top:3px solid #c2a878;margin-top:60px;padding:30px 20px}
.topbar{color:#cbd5f5;text-align:center;background:#0f172a;padding:6px;font-size:14px}
.nav{justify-content:space-between;align-items:center;display:flex}.category-nav{z-index:999;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:85px}.category-nav a{color:#1e3a8a;margin-right:20px;padding:10px 0;text-decoration:none;display:inline-block}.category-nav a:hover{color:#c2a878}@media (max-width:768px){.category-nav{white-space:nowrap;overflow-x:auto}}
.layout{grid-template-columns:2.5fr 1fr;gap:40px;margin-top:40px;display:grid}.content{flex-direction:column;gap:20px;display:flex}.sidebar{position:sticky;top:120px}@media (max-width:768px){.layout{grid-template-columns:1fr}.sidebar{position:static}}
.hero{text-align:center;color:#fff;background:linear-gradient(#1e3a8a,#1e40af);padding:100px 20px}.hero__title{margin-bottom:20px;font-size:42px;font-weight:700;line-height:1.3}.hero__desc{color:#cbd5f5;max-width:600px;margin:0 auto 30px;font-size:18px}.hero__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero__trust{color:#cbd5f5;margin-top:30px;font-size:14px}@media (max-width:768px){.hero{padding:70px 20px}.hero__title{font-size:32px}}
.start{text-align:center;padding:80px 20px}.start__title{color:#1e3a8a;margin-bottom:30px;font-size:26px;font-weight:700}.start__desc{color:#64748b;max-width:600px;margin:0 auto 30px}.start__grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:0 auto;display:grid}.start__card{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;text-decoration:none;transition:all .25s;display:block}.start__card:hover{border-color:#1e3a8a;transform:translateY(-4px);box-shadow:0 8px 22px #0000000f}.start__card h3{color:#1e3a8a;margin-bottom:8px}.start__card p{color:#64748b;font-size:14px}@media (max-width:768px){.start__grid{grid-template-columns:1fr}}
.verse{text-align:center;background:#f8fafc;padding:80px 20px}.verse__title{color:#1e3a8a;margin-bottom:16px;font-size:20px;font-weight:600}.verse__text{color:#334155;max-width:600px;margin:0 auto;font-size:16px;line-height:1.7}
.email{text-align:center;background:#fff;border-top:1px solid #e2e8f0;margin-top:60px;padding:80px 20px}.email__title{color:#1e3a8a;margin-bottom:12px;font-size:24px;font-weight:700}.email__desc{color:#64748b;margin-bottom:20px}.email__form{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.email__input{border:1px solid #e2e8f0;border-radius:8px;min-width:260px;padding:12px 14px}.email__input:focus{border-color:#1e3a8a;outline:none}
.article-page{max-width:720px;margin:40px auto;padding:0 16px}.article-title-main{color:#1e3a8a;margin-bottom:20px;font-size:32px;font-weight:700}.article-content{color:#0f172a;font-size:17px;line-height:1.8}.article-nav{justify-content:space-between;margin-top:40px;font-size:14px;display:flex}.article-nav a{color:#1e3a8a;text-decoration:none}.article-nav a:hover{color:#c2a878}@media (max-width:768px){.article-title-main{font-size:28px}.article-content{font-size:16px}}
.articles{margin-top:40px}.articles__title{color:#1e3a8a;margin-bottom:20px;font-size:22px;font-weight:600}.articles__list{flex-direction:column;gap:16px;display:flex}.article-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px;transition:all .25s}.article-card:hover{border-color:#1e3a8a;transform:translateY(-4px);box-shadow:0 8px 22px #0000000f}.article-title{margin-bottom:8px;font-size:18px;font-weight:600}.article-desc{color:#64748b;font-size:14px}
.breadcrumb{color:#64748b;margin-bottom:20px;font-size:14px}
.topics{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px;box-shadow:0 4px 12px #00000008}.topics__title{color:#1e3a8a;margin-bottom:14px;font-size:18px;font-weight:600;position:relative}.topics__title:after{content:"";background:#c2a878;border-radius:2px;width:40px;height:3px;margin-top:6px;display:block}.topics__grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.topics__card{text-align:center;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px;font-size:14px;font-weight:500;transition:all .25s}.topics__card:hover{color:#1e3a8a;background:#fff;border-color:#1e3a8a;transform:translateY(-3px);box-shadow:0 6px 18px #0000000f}@media (max-width:768px){.topics__grid{grid-template-columns:1fr}}
.course{max-width:800px;margin:60px auto;padding:0 20px}.course__title{color:#1e3a8a;margin-bottom:10px;font-size:32px;font-weight:700}.course__desc{color:#64748b;margin-bottom:30px}.course__list{flex-direction:column;gap:16px;display:flex}.course__item{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;text-decoration:none;transition:all .25s;display:block}.course__item:hover{border-color:#1e3a8a;transform:translateY(-4px);box-shadow:0 8px 22px #0000000f}.course__step{color:#c2a878;margin-bottom:6px;font-size:12px;font-weight:600;display:block}
.btn{border-radius:8px;padding:12px 20px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary{color:#000;background:#c2a878}.btn-primary:hover{background:#d4b98a}.btn-outline{color:#fff;border:1px solid #fff}.btn-outline:hover{color:#1e3a8a;background:#fff}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .25s}.card:hover{border-color:#1e3a8a;transform:translateY(-6px);box-shadow:0 10px 25px #00000014}
a{color:#1e3a8a}a:hover{color:#c2a878}

:root{--bible-bg:#fff;--bible-text:#111;--bible-muted:#777;--bible-hover:#f5f5f5;--bible-active:#eee;--bible-border:#ececec;--bible-font-serif:Georgia, "Times New Roman", serif;--bible-font-sans:Arial, Helvetica, sans-serif;--reader-width:720px;--reader-padding:24px;--verse-font-size:18px;--verse-line-height:1.8;--transition-fast:.15s ease}*{box-sizing:border-box}body{background:var(--bible-bg);color:var(--bible-text);margin:0;padding:0}
.bible-reader-layout{width:100%;max-width:var(--reader-width);padding:var(--reader-padding);margin:0 auto}.bible-reader-content,.bible-verses{flex-direction:column;display:flex}
.bible-reader{background:#fff;border:1px solid #0000000d;border-radius:32px;padding:28px 26px;font-family:Georgia,Times New Roman,serif;position:relative;box-shadow:0 10px 40px #0000000a}.bible-reader-header{margin-bottom:34px}.bible-book-title{letter-spacing:-.03em;color:#111;margin:0;font-size:42px;font-weight:700;line-height:1.05}.bible-chapter-label{color:#777;margin-top:10px;font-size:17px;font-weight:500}.bible-reader-not-found{text-align:center;color:#888;padding:80px 20px;font-size:18px}
.verse-item{cursor:pointer;border-radius:18px;gap:14px;margin-bottom:10px;padding:16px 18px;transition:all .2s;display:flex;position:relative}.verse-item:hover{background:#00000009;transform:translateY(-1px)}.verse-item.active{background:#0000000f}.verse-item.active:before{content:"";background:#111;border-radius:999px;width:4px;position:absolute;top:12px;bottom:12px;left:0}.verse-number{color:#999;flex-shrink:0;min-width:26px;margin-top:4px;font-size:13px;font-weight:600}.verse-text{color:#111;word-break:break-word;letter-spacing:.01em;font-family:Georgia,Times New Roman,serif;font-size:19px;line-height:2.05}
.chapter-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border-bottom:1px solid #0000000d;margin-bottom:26px;padding-top:18px;padding-bottom:24px;position:sticky;top:0}.chapter-header-label{text-transform:uppercase;letter-spacing:.12em;color:#999;margin-bottom:10px;font-size:12px;font-weight:600}.chapter-header-title{letter-spacing:-.04em;color:#111;margin:0;font-size:44px;font-weight:700;line-height:1}.chapter-header-chapter{color:#666;margin-top:10px;font-size:17px;font-weight:500}.chapter-header:after{content:"";pointer-events:none;background:linear-gradient(#ffffff40,#0000);height:20px;position:absolute;bottom:-1px;left:0;right:0}
@media (max-width:1024px){.bible-reader-layout{padding:20px}}@media (max-width:768px){.bible-reader-layout{padding:18px}.chapter-header{padding-top:10px;padding-bottom:14px}.chapter-header-title{font-size:28px}.chapter-header-chapter{font-size:15px}.verse-item{gap:8px;padding:10px 8px}.verse-text{font-size:17px;line-height:1.9}}@media (max-width:480px){.bible-reader-layout{padding:14px}.chapter-header-title{font-size:24px}.verse-text{font-size:16px;line-height:1.9}}

.account-menu{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;min-width:180px;padding:8px;display:flex;position:absolute;top:60px;right:20px;box-shadow:0 10px 25px #00000014}.account-menu-item{color:#111827;border-radius:8px;padding:10px 12px;text-decoration:none;transition:background .2s}.account-menu-item:hover{background:#f3f4f6}.account-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:.18s accountMenuFade}.account-menu:before{content:"";background:#fff;border-top:1px solid #e5e7eb;border-left:1px solid #e5e7eb;width:12px;height:12px;position:absolute;top:-6px;right:22px;transform:rotate(45deg)}.account-menu-item{gap:10px}.account-menu-item:active{transform:scale(.98)}@keyframes accountMenuFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.profile-page{max-width:900px;margin:40px auto;padding:24px}.profile-header{align-items:center;gap:20px;margin-bottom:24px;display:flex}.profile-avatar{color:#fff;background:#111827;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:28px;font-weight:700;display:flex}.profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:20px;padding:24px}.profile-card h2{margin-bottom:16px}.profile-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.profile-stat{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px}.profile-stat span{color:#6b7280;margin-bottom:8px;display:block}.profile-stat strong{font-size:24px}@media (max-width:768px){.profile-page{padding:16px}.profile-header{text-align:center;flex-direction:column}.profile-avatar{width:60px;height:60px;font-size:24px}.profile-card{padding:18px}.profile-stats{grid-template-columns:1fr;gap:12px}.profile-stat{padding:16px}}
.bookmarks-page{max-width:900px;margin:40px auto;padding:24px}.bookmarks-header{margin-bottom:24px}.bookmarks-header h1{margin-bottom:8px;font-size:2rem}.bookmarks-header p{color:#6b7280}.bookmarks-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 4px 12px #0000000d}.bookmarks-stats{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.bookmarks-stat{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;transition:all .2s}.bookmarks-stat:hover{transform:translateY(-3px)}.bookmarks-stat span{color:#6b7280;margin-bottom:8px;display:block}.bookmarks-stat strong{font-size:1.6rem;font-weight:700}@media (max-width:768px){.bookmarks-stats{grid-template-columns:1fr}.bookmarks-page{padding:16px}.bookmarks-header h1{font-size:1.6rem}.bookmarks-card{padding:18px}.bookmarks-stats{grid-template-columns:1fr;gap:12px}.bookmarks-stat{padding:16px}}
.notes-page{max-width:900px;margin:40px auto;padding:24px}.notes-header{margin-bottom:24px}.notes-header h1{margin-bottom:8px;font-size:2rem}.notes-header p{color:#6b7280}.notes-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 4px 12px #0000000d}.notes-stats{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.notes-stat{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;transition:all .2s}.notes-stat:hover{transform:translateY(-3px)}.notes-stat span{color:#6b7280;margin-bottom:8px;display:block}.notes-stat strong{font-size:1.6rem;font-weight:700}@media (max-width:768px){.notes-page{padding:16px}.notes-header h1{font-size:1.6rem}.notes-card{padding:18px}.notes-stats{grid-template-columns:1fr;gap:12px}.notes-stat{padding:16px}}
.history-page{max-width:900px;margin:40px auto;padding:24px}.history-header{margin-bottom:24px}.history-header h1{margin-bottom:8px;font-size:2rem}.history-header p{color:#6b7280}.history-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 4px 12px #0000000d}.history-stats{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.history-stat{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;transition:all .2s}.history-stat:hover{transform:translateY(-3px)}.history-stat span{color:#6b7280;margin-bottom:8px;display:block}.history-stat strong{font-size:1.6rem;font-weight:700}@media (max-width:768px){.history-page{padding:16px}.history-header h1{font-size:1.6rem}.history-card{padding:18px}.history-stats{grid-template-columns:1fr;gap:12px}.history-stat{padding:16px}}
.settings-page{max-width:900px;margin:40px auto;padding:24px}.settings-header{margin-bottom:24px}.settings-header h1{margin-bottom:8px;font-size:2rem}.settings-header p{color:#6b7280}.settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:16px;padding:24px;transition:all .2s;box-shadow:0 4px 12px #0000000d}.settings-card:hover{transform:translateY(-3px)}.settings-card h2{margin-bottom:10px;font-size:1.1rem}.settings-card p{color:#6b7280}@media (max-width:768px){.settings-page{padding:16px}.settings-header h1{font-size:1.6rem}.settings-card{padding:18px}}
.forgot-password-page{max-width:500px;margin:40px auto;padding:24px}.forgot-password-header{text-align:center;margin-bottom:24px}.forgot-password-header h1{margin-bottom:8px;font-size:2rem}.forgot-password-header p{color:#6b7280}.forgot-password-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000000d}.forgot-password-card form{flex-direction:column;gap:16px;display:flex}.forgot-password-card input{border:1px solid #d1d5db;border-radius:10px;padding:12px 14px;font-size:1rem}.forgot-password-card button{cursor:pointer;border:none;border-radius:10px;padding:12px;font-weight:600}@media (max-width:768px){.forgot-password-page{padding:16px}.forgot-password-header h1{font-size:1.6rem}.forgot-password-card{padding:18px}}
.login-page{justify-content:center;align-items:center;min-height:70vh;padding:24px;display:flex}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;width:100%;max-width:420px;padding:32px;box-shadow:0 10px 30px #00000014}.login-card h1{margin-bottom:8px;font-size:2rem}.login-card p{color:#6b7280;margin-bottom:24px}.login-form{flex-direction:column;gap:16px;display:flex}.login-form input{border:1px solid #d1d5db;border-radius:12px;padding:14px;font-size:1rem}.login-form input:focus{border-color:#2563eb;outline:none}.login-form button{cursor:pointer;border:none;border-radius:12px;padding:14px;font-weight:700;transition:all .2s}.login-form button:hover{transform:translateY(-2px)}.login-links{justify-content:space-between;margin-top:20px;display:flex}.login-links a{font-size:.95rem;text-decoration:none}@media (max-width:768px){.login-page{padding:16px}.login-card{padding:24px}.login-card h1{font-size:1.6rem}.login-links{text-align:center;flex-direction:column;gap:12px}}
.register-page{justify-content:center;align-items:center;min-height:70vh;padding:24px;display:flex}.register-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;width:100%;max-width:460px;padding:32px;box-shadow:0 10px 30px #00000014}.register-card h1{margin-bottom:8px;font-size:2rem}.register-card p{color:#6b7280;margin-bottom:24px}.register-form{flex-direction:column;gap:16px;display:flex}.register-form input{border:1px solid #d1d5db;border-radius:12px;padding:14px;font-size:1rem;transition:all .2s}.register-form input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.register-form button{cursor:pointer;border:none;border-radius:12px;padding:14px;font-weight:700;transition:all .2s}.register-form button:hover{transform:translateY(-2px)}.register-links{text-align:center;margin-top:20px}.register-links a{font-size:.95rem;text-decoration:none}@media (max-width:768px){.register-page{min-height:auto;padding:16px}.register-card{border-radius:16px;padding:24px}.register-card h1{font-size:1.6rem}.register-form input,.register-form button{padding:13px}}

.hamburger-button{cursor:pointer;z-index:1100;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;display:flex}.hamburger-line{background:#0b1220;border-radius:999px;width:100%;height:2.5px;transition:all .35s cubic-bezier(.22,1,.36,1)}.hamburger-button.open .line-1{transform:translateY(7px)rotate(45deg)}.hamburger-button.open .line-2{opacity:0}.hamburger-button.open .line-3{transform:translateY(-7px)rotate(-45deg)}.hamburger-button:hover .hamburger-line{background:#334155}.hamburger-button{-webkit-tap-highlight-color:transparent;outline:none}.hamburger-button:focus{box-shadow:none;outline:none}.hamburger-button:active{background:0 0}.hamburger-button:focus-visible{box-shadow:none;outline:none}.hamburger-button{-webkit-tap-highlight-color:transparent}.hamburger-button.open{opacity:1!important;filter:none!important}
.navigation-drawer{-webkit-backdrop-filter:blur(20px);z-index:1002;will-change:transform;overscroll-behavior:contain;background:#fffffff0;border-left:1px solid #e2e8f0cc;flex-direction:column;gap:32px;width:min(420px,100vw);height:100vh;padding:32px 28px;transition:transform .42s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-20px 0 60px #0f172a1f}.navigation-drawer.open{transform:translate(0,0)}.navigation-drawer-inner{flex-direction:column;gap:32px;min-height:100%;display:flex}.navigation-drawer-header{justify-content:space-between;align-items:center;display:flex}.navigation-drawer-brand{flex-direction:column;gap:4px;display:flex}.navigation-drawer-title{color:#0f172a;letter-spacing:-.02em;font-size:1.2rem;font-weight:700}.navigation-drawer-subtitle{color:#64748b;font-size:.85rem;font-weight:500}.navigation-drawer-content{flex-direction:column;flex:1;gap:28px;display:flex}.navigation-drawer-footer{border-top:1px solid #e2e8f0cc;padding-top:24px}.navigation-drawer-footer-text{color:#64748b;font-size:.82rem;line-height:1.7}.navigation-drawer::-webkit-scrollbar{width:7px}.navigation-drawer::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}.navigation-drawer::-webkit-scrollbar-track{background:0 0}
.navigation-overlay{-webkit-backdrop-filter:blur(6px);z-index:1001;opacity:0;pointer-events:none;will-change:opacity, backdrop-filter;background:#0f172a26;transition:opacity .35s cubic-bezier(.22,1,.36,1),-webkit-backdrop-filter .35s,backdrop-filter .35s;position:fixed;inset:0;transform:translateZ(0)}.navigation-overlay.open{opacity:1;pointer-events:auto}
.navigation-search{background:#f8fafc;border:1px solid #94a3b840;border-radius:16px;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:border-color .25s,background .25s,box-shadow .25s;display:flex}.navigation-search:hover{border-color:#3b82f640}.navigation-search:focus-within{background:#fff;border-color:#3b82f680;box-shadow:0 0 0 4px #3b82f614}.navigation-search-icon{color:#64748b;flex-shrink:0;width:18px;height:18px}.navigation-search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:15px;font-weight:500}.navigation-search-input::placeholder{color:#94a3b8}
.navigation-category{flex-direction:column;gap:10px;display:flex}.navigation-category-title{letter-spacing:.08em;text-transform:uppercase;color:#64748b;font-size:13px;font-weight:700}.navigation-category-links{flex-direction:column;gap:4px;display:flex}.navigation-category-link{color:#0f172a;border-radius:14px;align-items:center;padding:12px 14px;font-size:15px;font-weight:600;text-decoration:none;transition:background .25s,color .25s,transform .2s;display:flex}.navigation-category-link:hover{color:#2563eb;background:#3b82f614;transform:translate(2px)}
.navigation-section{border-bottom:1px solid #94a3b81f;flex-direction:column;gap:14px;padding-bottom:24px;display:flex}.navigation-section:last-child{border-bottom:none;padding-bottom:0}.navigation-section-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.navigation-section-title{letter-spacing:.08em;text-transform:uppercase;color:#64748b;font-size:13px;font-weight:700}.navigation-section-content{flex-direction:column;gap:6px;display:flex}.navigation-section-link{color:#0f172a;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:15px;font-weight:600;text-decoration:none;transition:background .25s,color .25s,transform .2s;display:flex}.navigation-section-link:hover{color:#2563eb;background:#3b82f614;transform:translate(2px)}
.navigation-accordion{flex-direction:column;gap:8px;display:flex}.navigation-accordion-button{cursor:pointer;color:#0f172a;background:0 0;border:none;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:13px 14px;font-size:15px;font-weight:600;transition:background .25s,color .25s;display:flex}.navigation-accordion-button:hover{color:#2563eb;background:#3b82f614}.navigation-accordion-icon{color:#64748b;flex-shrink:0;width:18px;height:18px;transition:transform .3s,color .25s}.navigation-accordion.open .navigation-accordion-icon{color:#2563eb;transform:rotate(180deg)}.navigation-accordion-content{flex-direction:column;gap:4px;padding-left:10px;display:flex}.navigation-accordion-link{color:#334155;border-radius:12px;align-items:center;padding:11px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background .25s,color .25s,transform .2s;display:flex}.navigation-accordion-link:hover{color:#2563eb;background:#3b82f60f;transform:translate(2px)}
.navigation-footer{border-top:1px solid #94a3b824;flex-direction:column;gap:6px;margin-top:auto;padding-top:24px;display:flex}.navigation-footer-link{color:#475569;border-radius:12px;align-items:center;padding:11px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background .25s,color .25s,transform .2s;display:flex}.navigation-footer-link:hover{color:#2563eb;background:#3b82f60f;transform:translate(2px)}.navigation-footer-note{color:#94a3b8;padding:14px 14px 0;font-size:12px;line-height:1.6}