.navigator-container{position:fixed;top:16px;right:16px;z-index:100}.navigator-btn{width:44px;height:44px;border-radius:12px;border:1px solid #2a2a2a;background:rgba(10,10,10,.9);color:var(--gold);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navigator-btn:hover{border-color:var(--gold);background:rgba(20,20,20,.95);transform:scale(1.05)}.navigator-menu{position:absolute;top:calc(100% + 12px);right:0;width:220px;background:rgba(10,10,10,.95);border:1px solid #2a2a2a;border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 40px #00000080}.navigator-menu-open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.navigator-header{padding:16px 20px 12px;border-bottom:1px solid #1a1a1a}.navigator-title{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}.navigator-links{padding:8px;max-height:400px;overflow-y:auto}.navigator-links::-webkit-scrollbar{width:4px}.navigator-links::-webkit-scrollbar-track{background:transparent}.navigator-links::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:2px}.navigator-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;color:#c8c8c8;text-decoration:none;font-size:14px;transition:all .2s ease}.navigator-link:hover{background:rgba(212,175,55,.1);color:var(--gold)}.navigator-link-icon{color:var(--muted);transition:color .2s ease}.navigator-link:hover .navigator-link-icon{color:var(--gold)}@media (max-width: 480px){.navigator-menu{width:calc(100vw - 32px);right:0}}.tree-container{max-width:1000px;margin:0 auto;padding:20px}.tree-header{text-align:center;margin-bottom:40px}.tree-title{font-size:36px;color:var(--gold);margin:0 0 12px;letter-spacing:1px}.tree-subtitle{font-size:16px;color:var(--muted);margin:0}.tree-svg{width:100%;height:600px;margin:40px 0}.tree-path{stroke:#d4af3733;stroke-width:.3;transition:all .3s ease}.tree-path:hover,.tree-path.active{stroke:#d4af3799;stroke-width:.5;filter:url(#glow)}.tree-node{fill:url(#nodeGradient);stroke:var(--gold);stroke-width:.3;cursor:pointer;transition:all .3s ease;filter:drop-shadow(0 0 4px rgba(212,175,55,.4))}.tree-node:hover,.tree-node.active{r:5;stroke-width:.5;filter:drop-shadow(0 0 12px rgba(212,175,55,.8))}.tree-label{font-size:3.5px;fill:var(--ink);pointer-events:none;font-weight:500}.sephira-info{background:rgba(20,20,20,.8);border:1px solid #2a2a2a;border-radius:16px;padding:24px;text-align:center;max-width:500px;margin:0 auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sephira-info h3{color:var(--gold);font-size:28px;margin:0 0 8px}.sephira-info h4{color:var(--muted);font-size:16px;margin:0 0 16px;font-weight:400;font-style:italic}.sephira-info p{color:var(--ink);font-size:14px;line-height:1.6;margin:0}@media (max-width: 768px){.tree-svg{height:500px}.tree-title{font-size:28px}.tree-label{font-size:3px}}.yusuf-header{text-align:center;margin-bottom:40px}.yusuf-title{font-size:48px;color:var(--gold);margin:0 0 12px;letter-spacing:2px}.yusuf-subtitle{font-size:18px;color:var(--muted);margin:0;font-style:italic}.birth-certificate{background:rgba(20,20,20,.9);border:2px solid var(--gold);border-radius:20px;padding:32px;margin-bottom:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.certificate-header{display:flex;align-items:center;gap:12px;justify-content:center;color:var(--gold);font-size:20px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid rgba(212,175,55,.3)}.certificate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.cert-item{display:flex;flex-direction:column;gap:4px}.cert-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.cert-value{font-size:15px;color:var(--ink);font-weight:500}.category-filters{display:flex;justify-content:center;gap:10px;margin-bottom:50px;flex-wrap:wrap}.filter-btn{padding:10px 20px;border:1px solid #2a2a2a;border-radius:24px;background:rgba(10,10,10,.8);color:var(--ink);font-size:13px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-btn:hover{border-color:var(--gold);background:rgba(20,20,20,.9)}.filter-btn.active{border-color:var(--filter-color, var(--gold));background:rgba(212,175,55,.1);color:var(--filter-color, var(--gold))}.timeline{position:relative;max-width:1000px;margin:0 auto 80px}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,var(--gold),transparent);transform:translate(-50%)}.timeline-item{margin-bottom:50px;opacity:0;animation:slideIn .6s ease forwards;cursor:pointer;position:relative}.timeline-marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;z-index:2;box-shadow:0 0 20px #d4af3780;transition:all .3s ease}.timeline-item:hover .timeline-marker{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 30px #d4af37cc}@keyframes slideIn{to{opacity:1}}.timeline-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.timeline-item:nth-child(2n) .timeline-content{direction:rtl}.timeline-item:nth-child(2n) .timeline-info{direction:ltr}.timeline-image{width:100%;height:260px;border-radius:16px;background-size:cover;background-position:center;position:relative;overflow:hidden;border:1px solid #2a2a2a;transition:all .3s ease}.timeline-item:hover .timeline-image{border-color:var(--gold);box-shadow:0 8px 32px #d4af3733}.timeline-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(212,175,55,.1),rgba(0,0,0,.7))}.timeline-category-badge{position:absolute;top:16px;right:16px;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:600;color:#000;text-transform:uppercase;letter-spacing:1px}.timeline-info{background:rgba(20,20,20,.9);border:1px solid #2a2a2a;border-radius:16px;padding:28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.timeline-item:hover .timeline-info{border-color:var(--gold);transform:translateY(-4px)}.timeline-year{display:inline-block;color:var(--gold);font-size:13px;font-weight:600;padding:6px 14px;border:1px solid var(--gold);border-radius:20px;margin-bottom:16px}.timeline-title{font-size:22px;color:var(--ink);margin:0 0 12px}.timeline-meta{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;margin-bottom:16px}.timeline-desc{color:#b0b0b0;line-height:1.7;margin:0;font-size:14px}.service-summary{background:rgba(20,20,20,.8);border:1px solid var(--gold);border-radius:24px;padding:48px;margin-bottom:60px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.service-summary .section-title{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:40px}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:40px}.service-card{background:rgba(30,30,30,.6);border:1px solid #2a2a2a;border-radius:16px;padding:24px;text-align:center;transition:all .3s ease}.service-card:hover{border-color:var(--gold);transform:translateY(-4px)}.service-card h4{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 12px}.service-card p{color:var(--ink);font-size:16px;margin:0 0 4px;font-weight:500}.service-card .service-detail{color:var(--muted);font-size:13px;font-weight:400}.awards-section{border-top:1px solid rgba(212,175,55,.3);padding-top:32px}.awards-section h3{color:var(--gold);font-size:18px;text-align:center;margin:0 0 24px;letter-spacing:1px}.awards-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.award-badge{padding:8px 16px;background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.4);border-radius:20px;color:#60a5fa;font-size:12px;font-weight:500}.philosophy-section{max-width:1100px;margin:0 auto}.section-title{font-size:36px;color:var(--gold);text-align:center;margin:0 0 40px}.philosophy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.philosophy-card{background:rgba(20,20,20,.8);border:1px solid #2a2a2a;border-radius:16px;padding:32px;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.philosophy-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 8px 24px #d4af371a}.philosophy-icon{color:var(--gold);margin-bottom:16px}.philosophy-card h3{color:var(--ink);font-size:20px;margin:0 0 12px}.philosophy-card p{color:var(--muted);line-height:1.6;margin:0;font-size:14px}@media (max-width: 900px){.timeline:before{left:20px}.timeline-content{grid-template-columns:1fr;padding-left:60px;gap:20px}.timeline-item:nth-child(2n) .timeline-content{direction:ltr}.timeline-marker{left:20px;transform:translate(-50%,-50%)}.timeline-item:hover .timeline-marker{transform:translate(-50%,-50%) scale(1.2)}.yusuf-title{font-size:32px}.certificate-grid{grid-template-columns:1fr 1fr}.service-summary{padding:32px 20px}}@media (max-width: 600px){.certificate-grid{grid-template-columns:1fr}.category-filters{gap:8px}.filter-btn{padding:8px 14px;font-size:12px}.timeline-content{padding-left:50px}.timeline-marker{width:32px;height:32px}}.library-header{text-align:center;margin-bottom:50px;padding-top:20px}.library-icon{color:var(--gold);margin-bottom:20px;display:flex;justify-content:center;opacity:0;animation:iconFade .8s ease forwards}@keyframes iconFade{to{opacity:1}}.library-title{font-size:48px;color:var(--gold);margin:0 0 12px;letter-spacing:2px;font-weight:700}.library-subtitle{font-size:16px;color:var(--muted);margin:0 0 20px;letter-spacing:1px}.library-stats{display:flex;justify-content:center;gap:16px;font-size:14px;color:#888}.stat-divider{color:#444}.library-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}.search-box{flex:1;min-width:280px;max-width:500px;display:flex;align-items:center;gap:12px;padding:12px 20px;background:rgba(20,20,20,.8);border:1px solid #2a2a2a;border-radius:12px;transition:all .3s ease}.search-box:focus-within{border-color:var(--gold);box-shadow:0 0 20px #d4af371a}.search-box svg{color:var(--muted)}.search-box input{flex:1;background:none;border:none;outline:none;color:var(--ink);font-size:15px}.search-box input::placeholder{color:#666}.view-toggles{display:flex;gap:8px}.view-btn{padding:10px 14px;background:rgba(20,20,20,.8);border:1px solid #2a2a2a;border-radius:10px;color:var(--muted);cursor:pointer;transition:all .3s ease}.view-btn:hover{border-color:#3a3a3a}.view-btn.active{border-color:var(--gold);color:var(--gold);background:rgba(212,175,55,.1)}.filters-section{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:30px;padding:24px;background:rgba(15,15,15,.8);border-radius:16px;border:1px solid #1a1a1a}.filter-group{flex:1;min-width:200px}.filter-group label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.category-filters{display:flex;flex-wrap:wrap;gap:10px}.category-btn{padding:8px 16px;border:1px solid #2a2a2a;border-radius:20px;background:rgba(10,10,10,.8);color:var(--ink);font-size:13px;cursor:pointer;transition:all .3s ease}.category-btn:hover{border-color:var(--gold);background:rgba(20,20,20,.9)}.category-btn.active{border-color:var(--gold);background:rgba(212,175,55,.15);color:var(--gold)}.author-select{width:100%;padding:10px 16px;background:rgba(10,10,10,.8);border:1px solid #2a2a2a;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer;outline:none;transition:all .3s ease}.author-select:focus{border-color:var(--gold)}.author-select option{background:#1a1a1a;color:var(--ink)}.results-info{margin-bottom:24px;font-size:14px;color:var(--muted)}.works-container{display:grid;gap:24px;margin-bottom:80px}.works-container.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.works-container.list{grid-template-columns:1fr}.work-card{background:rgba(20,20,20,.8);border:1px solid #2a2a2a;border-radius:16px;overflow:hidden;transition:all .4s ease;opacity:0;animation:fadeInUp .5s ease forwards}.work-card:hover{border-color:var(--gold);transform:translateY(-6px);box-shadow:0 16px 40px #d4af371f}.works-container.list .work-card{display:flex;flex-direction:row}.work-thumbnail{position:relative;height:200px;overflow:hidden}.works-container.list .work-thumbnail{width:160px;height:auto;min-height:200px;flex-shrink:0}.work-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.work-card:hover .work-thumbnail img{transform:scale(1.08)}.work-type-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(0,0,0,.85);border-radius:20px;font-size:11px;color:var(--gold);font-weight:600;letter-spacing:.5px}.work-info{padding:20px;flex:1}.work-title{font-size:18px;color:var(--ink);margin:0 0 8px;font-weight:600;line-height:1.3}.work-author{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--gold);margin:0 0 12px}.work-meta{display:flex;gap:16px;margin-bottom:12px}.work-meta span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.work-description{font-size:14px;color:#909090;line-height:1.6;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.work-actions{display:flex;gap:10px;flex-wrap:wrap}.read-btn,.download-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.read-btn{background:var(--gold);border:none;color:#000}.read-btn:hover{background:#e9c968;transform:translateY(-2px)}.download-btn{background:transparent;border:1px solid #3a3a3a;color:var(--ink)}.download-btn:hover{border-color:var(--gold);color:var(--gold)}.no-results{text-align:center;padding:80px 40px;color:var(--muted)}.no-results svg{color:#3a3a3a;margin-bottom:20px}.no-results h3{color:var(--ink);margin:0 0 8px}.no-results p{margin:0;font-size:14px}.reader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.95);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;animation:overlayFade .3s ease}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.reader-modal{width:100%;max-width:900px;max-height:90vh;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;animation:modalSlide .4s ease}@keyframes modalSlide{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.reader-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:rgba(20,20,20,.8);border-bottom:1px solid #2a2a2a}.reader-title-section h2{font-size:20px;color:var(--ink);margin:0 0 4px}.reader-title-section p{font-size:14px;color:var(--gold);margin:0}.close-reader{padding:10px;background:transparent;border:1px solid #3a3a3a;border-radius:10px;color:var(--muted);cursor:pointer;transition:all .3s ease}.close-reader:hover{border-color:#f44;color:#f44}.reader-content{flex:1;overflow-y:auto;padding:32px}.pdf-placeholder{text-align:center;padding:60px 40px;display:flex;flex-direction:column;align-items:center;gap:16px}.pdf-placeholder svg{color:var(--gold);opacity:.6}.pdf-placeholder h3{color:var(--ink);margin:0;font-size:24px}.pdf-placeholder p{color:var(--muted);margin:0}.page-count{font-size:13px;color:var(--gold);padding:6px 16px;background:rgba(212,175,55,.1);border-radius:20px}.image-viewer{display:flex;flex-direction:column;align-items:center;gap:24px}.image-container{max-height:500px;overflow:hidden;border-radius:12px;border:1px solid #2a2a2a}.image-container img{max-width:100%;max-height:500px;object-fit:contain}.image-controls{display:flex;align-items:center;gap:24px}.nav-btn{padding:12px;background:rgba(20,20,20,.8);border:1px solid #3a3a3a;border-radius:50%;color:var(--ink);cursor:pointer;transition:all .3s ease}.nav-btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.page-indicator{font-size:14px;color:var(--muted)}.text-reader{display:flex;flex-direction:column;gap:32px}.text-content{background:rgba(15,15,15,.8);border:1px solid #2a2a2a;border-radius:16px;padding:40px;max-height:400px;overflow-y:auto}.text-content p{color:silver;font-size:16px;line-height:1.9;margin:0 0 24px;text-align:justify}.text-content p:last-child{margin-bottom:0}.view-full-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:var(--gold);border:none;border-radius:12px;color:#000;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease}.view-full-btn:hover{background:#e9c968;transform:translateY(-2px);box-shadow:0 10px 30px #d4af374d}@media (max-width: 768px){.library-title{font-size:36px}.library-controls{flex-direction:column;align-items:stretch}.search-box{max-width:none}.view-toggles{justify-content:center}.filters-section{flex-direction:column;gap:20px}.works-container.grid,.works-container.list{grid-template-columns:1fr}.works-container.list .work-card{flex-direction:column}.works-container.list .work-thumbnail{width:100%;height:180px}.reader-modal{max-height:95vh}.reader-content{padding:20px}.text-content{padding:24px}.work-actions{flex-direction:column}.read-btn,.download-btn{justify-content:center}}.gallery-container{max-width:1400px;margin:0 auto}.gallery-header{text-align:center;margin-bottom:40px}.gallery-title{font-size:48px;color:var(--gold);margin:0 0 12px;letter-spacing:2px}.gallery-subtitle{font-size:16px;color:var(--muted);margin:0}.view-controls{display:flex;justify-content:center;gap:8px;margin-bottom:40px}.view-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:1px solid #2a2a2a;border-radius:12px;background:rgba(10,10,10,.8);color:var(--muted);font-size:14px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.view-btn:hover{border-color:var(--gold);color:var(--ink)}.view-btn.active{border-color:var(--gold);background:rgba(212,175,55,.1);color:var(--gold)}.gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;flex-wrap:wrap}.search-box{flex:1;min-width:200px;max-width:400px;position:relative}.search-input{width:100%;padding:12px 16px 12px 44px;background:rgba(20,20,20,.8);border:1px solid #2a2a2a;border-radius:12px;color:var(--ink);font-size:14px;transition:all .3s ease}.search-input::placeholder{color:#555}.search-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 20px #d4af371a}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.sort-select{padding:12px 40px 12px 16px;background:rgba(20,20,20,.8);border:1px solid #2a2a2a;border-radius:12px;color:var(--ink);font-size:14px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23d4af37' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:all .3s ease}.sort-select:focus{outline:none;border-color:var(--gold)}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}.person-card{position:relative;background:rgba(20,20,20,.8);border:1px solid #2a2a2a;border-radius:20px;padding:24px;text-align:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;animation:fadeInScale .5s ease forwards}.person-card:hover{border-color:var(--gold);transform:translateY(-8px);box-shadow:0 16px 40px #d4af3726}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.person-avatar{width:120px;height:120px;margin:0 auto 16px;border-radius:50%;overflow:hidden;border:3px solid var(--gold);box-shadow:0 0 30px #d4af3733}.person-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,rgba(212,175,55,.2),rgba(212,175,55,.05));display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:48px;font-weight:300}.person-name{color:var(--ink);font-size:18px;font-weight:600;margin:0 0 4px}.person-relation{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px}.photo-count{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:rgba(212,175,55,.1);border-radius:20px;color:var(--muted);font-size:12px}.people-list{display:flex;flex-direction:column;gap:12px}.person-row{display:grid;grid-template-columns:60px 1fr auto auto;gap:20px;align-items:center;background:rgba(20,20,20,.8);border:1px solid #2a2a2a;border-radius:16px;padding:16px 24px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;animation:fadeInSlide .4s ease forwards}.person-row:hover{border-color:var(--gold);background:rgba(30,30,30,.9);transform:translate(8px)}@keyframes fadeInSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.person-row .person-avatar{width:50px;height:50px;margin:0;border-width:2px}.person-row .avatar-placeholder{font-size:20px}.person-row-info{display:flex;flex-direction:column;gap:2px}.person-row .person-name{font-size:16px}.person-row .person-relation{margin:0;font-size:11px}.person-row .photo-count{padding:4px 12px;font-size:11px}.view-album-btn{padding:8px 16px;background:transparent;border:1px solid #3a3a3a;border-radius:8px;color:var(--muted);font-size:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.view-album-btn:hover{border-color:var(--gold);color:var(--gold);background:rgba(212,175,55,.05)}.album-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.95);z-index:100;overflow-y:auto;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.album-container{max-width:1200px;margin:0 auto;padding:40px 24px 100px}.album-header{display:flex;align-items:center;gap:24px;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid rgba(212,175,55,.2)}.album-back-btn{padding:12px;background:rgba(20,20,20,.9);border:1px solid #2a2a2a;border-radius:12px;color:var(--gold);cursor:pointer;transition:all .2s ease}.album-back-btn:hover{border-color:var(--gold);transform:translate(-4px)}.album-person-info{display:flex;align-items:center;gap:16px;flex:1}.album-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid var(--gold)}.album-avatar img{width:100%;height:100%;object-fit:cover}.album-person-name{color:var(--gold);font-size:32px;margin:0 0 4px;letter-spacing:1px}.album-person-relation{color:var(--muted);font-size:14px;margin:0;text-transform:uppercase;letter-spacing:2px}.upload-photo-btn{display:flex;align-items:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,rgba(212,175,55,.15),rgba(212,175,55,.05));border:1px solid var(--gold);border-radius:12px;color:var(--gold);font-size:14px;cursor:pointer;transition:all .3s ease}.upload-photo-btn:hover{background:linear-gradient(135deg,rgba(212,175,55,.25),rgba(212,175,55,.1));transform:translateY(-2px);box-shadow:0 8px 24px #d4af3733}.album-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.album-photo-card{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;background:rgba(20,20,20,.8);border:1px solid #2a2a2a;transition:all .3s ease;opacity:0;animation:fadeInUp .5s ease forwards}.album-photo-card:hover{border-color:var(--gold);transform:translateY(-6px);box-shadow:0 12px 32px #d4af3726}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.album-photo-image{width:100%;height:220px;object-fit:cover}.album-photo-info{padding:16px}.photo-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.photo-tag{padding:4px 10px;background:rgba(212,175,55,.15);border-radius:12px;color:var(--gold);font-size:11px}.photo-date{color:var(--muted);font-size:12px}.photo-caption{color:var(--ink);font-size:13px;margin-top:8px;line-height:1.5}.empty-album{text-align:center;padding:80px 40px;background:rgba(20,20,20,.6);border:2px dashed #2a2a2a;border-radius:24px}.empty-album-icon{color:var(--muted);margin-bottom:16px;opacity:.5}.empty-album h3{color:var(--ink);font-size:20px;margin:0 0 8px}.empty-album p{color:var(--muted);font-size:14px;margin:0 0 24px}.upload-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.upload-modal-content{background:rgba(20,20,20,.95);border:1px solid rgba(212,175,55,.3);border-radius:24px;padding:40px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.upload-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.upload-modal-title{color:var(--gold);font-size:24px;margin:0}.close-modal-btn{padding:8px;background:transparent;border:1px solid #2a2a2a;border-radius:8px;color:var(--muted);cursor:pointer;transition:all .2s ease}.close-modal-btn:hover{border-color:var(--gold);color:var(--gold)}.upload-dropzone{border:2px dashed #3a3a3a;border-radius:16px;padding:60px 40px;text-align:center;cursor:pointer;transition:all .3s ease;margin-bottom:24px}.upload-dropzone:hover{border-color:var(--gold);background:rgba(212,175,55,.05)}.upload-dropzone-icon{color:var(--gold);margin-bottom:16px}.upload-dropzone h4{color:var(--ink);font-size:18px;margin:0 0 8px}.upload-dropzone p{color:var(--muted);font-size:13px;margin:0}.upload-form-group{margin-bottom:20px}.upload-label{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.upload-input,.upload-textarea,.upload-select{width:100%;padding:12px 16px;background:rgba(30,30,30,.8);border:1px solid #2a2a2a;border-radius:10px;color:var(--ink);font-size:14px;transition:all .3s ease}.upload-input:focus,.upload-textarea:focus,.upload-select:focus{outline:none;border-color:var(--gold)}.upload-textarea{min-height:80px;resize:vertical}.tag-input-container{display:flex;flex-wrap:wrap;gap:8px;padding:8px;background:rgba(30,30,30,.8);border:1px solid #2a2a2a;border-radius:10px;min-height:50px}.selected-tag{display:flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(212,175,55,.2);border-radius:8px;color:var(--gold);font-size:12px}.remove-tag-btn{background:none;border:none;color:var(--gold);cursor:pointer;padding:0;display:flex;opacity:.7}.remove-tag-btn:hover{opacity:1}.submit-upload-btn{width:100%;padding:16px;background:linear-gradient(135deg,rgba(212,175,55,.2),rgba(212,175,55,.1));border:1px solid var(--gold);border-radius:12px;color:var(--gold);font-size:16px;cursor:pointer;transition:all .3s ease;margin-top:16px}.submit-upload-btn:hover{background:linear-gradient(135deg,rgba(212,175,55,.3),rgba(212,175,55,.15));transform:translateY(-2px);box-shadow:0 8px 24px #d4af3733}.photo-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.98);display:flex;align-items:center;justify-content:center;z-index:300;padding:40px}.lightbox-close{position:absolute;top:24px;right:24px;background:rgba(20,20,20,.9);border:1px solid var(--gold);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--gold);cursor:pointer;transition:all .2s ease}.lightbox-close:hover{background:rgba(30,30,30,.9);transform:rotate(90deg)}.lightbox-content{max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:24px}.lightbox-image{max-width:100%;max-height:calc(90vh - 120px);border-radius:16px;border:1px solid var(--gold);box-shadow:0 24px 80px #d4af3733}.lightbox-info{text-align:center;background:rgba(20,20,20,.9);border:1px solid #2a2a2a;border-radius:16px;padding:20px 32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox-tags{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.lightbox-date{color:var(--muted);font-size:13px;margin:0 0 8px}.lightbox-caption{color:var(--ink);font-size:15px;margin:0}@media (max-width: 768px){.gallery-title{font-size:32px}.people-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.person-card{padding:20px 16px}.person-avatar{width:90px;height:90px}.avatar-placeholder{font-size:36px}.person-row{grid-template-columns:50px 1fr auto;gap:12px;padding:12px 16px}.view-album-btn{display:none}.gallery-controls{flex-direction:column;align-items:stretch}.search-box{max-width:100%}.album-header,.album-person-info{flex-direction:column;text-align:center}.album-photos{grid-template-columns:1fr}}.namm-hero{text-align:center;margin-bottom:80px;padding-top:20px}.namm-symbol{color:#00d4aa;margin-bottom:24px;display:flex;justify-content:center;opacity:0;animation:symbolRise 1s ease forwards;filter:drop-shadow(0 0 30px rgba(0,212,170,.4))}@keyframes symbolRise{0%{opacity:0;transform:translateY(30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.namm-title{font-size:72px;color:var(--gold);margin:0 0 12px;letter-spacing:12px;font-weight:700;opacity:0;animation:titleFade .8s ease .2s forwards;text-shadow:0 0 40px rgba(212,175,55,.3)}.namm-full-name{font-size:18px;color:#00d4aa;margin:0 0 8px;letter-spacing:3px;text-transform:uppercase;font-weight:600;opacity:0;animation:titleFade .8s ease .4s forwards}.namm-tagline{font-size:14px;color:var(--muted);margin:0;letter-spacing:2px;opacity:0;animation:titleFade .8s ease .6s forwards}@keyframes titleFade{to{opacity:1}}.hero-divider{width:120px;height:2px;background:linear-gradient(90deg,transparent,#00d4aa,var(--gold),#00d4aa,transparent);margin:40px auto 0;opacity:0;animation:titleFade 1s ease .8s forwards}.business-info-section{max-width:700px;margin:0 auto 80px;background:rgba(20,20,20,.9);border:1px solid #2a2a2a;border-radius:24px;padding:40px;text-align:center}.business-badge{width:64px;height:64px;background:rgba(0,212,170,.15);border:2px solid #00d4aa;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#00d4aa}.section-title{display:flex;align-items:center;justify-content:center;gap:12px;font-size:28px;color:var(--gold);margin:0 0 24px;letter-spacing:1px}.business-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;text-align:left}.detail-item{display:flex;flex-direction:column;gap:4px;padding:16px;background:rgba(0,0,0,.3);border-radius:12px;border:1px solid rgba(0,212,170,.2)}.detail-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.detail-value{font-size:15px;color:var(--ink);font-weight:500}.mission-section{max-width:800px;margin:0 auto 80px;text-align:center;padding:48px;background:linear-gradient(135deg,rgba(0,212,170,.08),rgba(212,175,55,.08));border-radius:24px;border:1px solid rgba(0,212,170,.3)}.mission-text{color:#b0b0b0;font-size:16px;line-height:1.9;margin:0}.services-section{margin-bottom:80px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.service-card{background:rgba(20,20,20,.8);border:1px solid #2a2a2a;border-radius:20px;padding:32px;text-align:center;transition:all .4s ease;position:relative;overflow:hidden}.service-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00d4aa,var(--gold));transform:scaleX(0);transition:transform .4s ease}.service-card:hover{border-color:#00d4aa;transform:translateY(-8px);box-shadow:0 20px 40px #00d4aa26}.service-card:hover:after{transform:scaleX(1)}.service-icon{width:56px;height:56px;background:rgba(0,212,170,.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#00d4aa;transition:all .3s ease}.service-card:hover .service-icon{background:#00d4aa;color:#000;transform:scale(1.1)}.service-card h3{font-size:20px;color:var(--ink);margin:0 0 12px}.service-card p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.proton-section{max-width:800px;margin:0 auto 80px;background:rgba(30,20,40,.8);border:2px solid #6d4aff;border-radius:24px;padding:48px;text-align:center}.proton-badge{width:64px;height:64px;background:rgba(109,74,255,.2);border:2px solid #6d4aff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#6d4aff}.proton-title{font-size:28px;color:#6d4aff;margin:0 0 20px;letter-spacing:1px}.proton-description{color:#b0b0b0;font-size:16px;line-height:1.8;margin:0 0 32px}.proton-description strong{color:#6d4aff}.proton-features{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.proton-feature{display:flex;align-items:center;gap:8px;padding:12px 20px;background:rgba(109,74,255,.1);border-radius:30px;color:#c4b5fd;font-size:14px}.consultation-section{margin-bottom:80px;text-align:center}.section-subtitle{color:var(--muted);font-size:16px;margin:-16px 0 32px}.consultation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:32px}.consultation-card{background:rgba(20,20,20,.8);border:2px solid #2a2a2a;border-radius:20px;padding:28px;cursor:pointer;transition:all .3s ease;position:relative}.consultation-card:hover{border-color:#00d4aa;transform:translateY(-4px)}.consultation-card.selected{border-color:var(--gold);background:rgba(212,175,55,.08)}.consult-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.consult-header h3{font-size:18px;color:var(--ink);margin:0}.consult-price{font-size:20px;color:#00d4aa;font-weight:700}.consult-details{text-align:left}.consult-duration{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;margin-bottom:12px}.consult-details p{color:#909090;font-size:14px;line-height:1.5;margin:0}.selected-indicator{position:absolute;top:16px;right:16px;color:var(--gold)}.book-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:linear-gradient(135deg,#00d4aa,var(--gold));border:none;border-radius:12px;color:#000;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.book-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00d4aa66}.booking-embed{margin-top:32px;animation:slideDown .4s ease}.booking-placeholder{background:rgba(20,20,20,.8);border:2px dashed #3a3a3a;border-radius:20px;padding:60px 40px;display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--muted)}.booking-placeholder h3{color:var(--ink);margin:0}.booking-placeholder p{margin:0;font-size:14px}.external-link{display:flex;align-items:center;gap:8px;color:#00d4aa;text-decoration:none;font-weight:500;margin-top:8px;transition:color .3s ease}.external-link:hover{color:var(--gold)}.payment-section{margin-bottom:80px;text-align:center}.payment-category{margin-top:40px;padding:32px;background:rgba(20,20,20,.6);border-radius:20px;border:1px solid #2a2a2a}.payment-category.crypto-category{background:linear-gradient(135deg,rgba(247,147,26,.08),rgba(98,126,234,.08));border-color:#f7931a;position:relative}.preferred-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f7931a,var(--gold));color:#000;padding:6px 20px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:1px}.payment-category-title{display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px;color:var(--ink);margin:0 0 24px}.payment-methods-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.payment-method-card{display:flex;align-items:center;gap:10px;padding:14px 24px;background:rgba(30,30,30,.8);border:1px solid #3a3a3a;border-radius:12px;transition:all .3s ease}.payment-method-card:hover{border-color:var(--gold);transform:translateY(-2px)}.payment-icon{font-size:20px}.payment-name{color:var(--ink);font-size:14px;font-weight:500}.crypto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.crypto-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;background:rgba(0,0,0,.4);border:2px solid var(--crypto-color);border-radius:16px;transition:all .3s ease}.crypto-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(var(--crypto-color),.2)}.crypto-symbol{font-size:24px;font-weight:700;color:var(--crypto-color)}.crypto-name{font-size:13px;color:var(--muted)}.contact-section{margin-bottom:80px;text-align:center}.contact-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.contact-card{display:flex;align-items:center;gap:12px;padding:20px 32px;background:rgba(20,20,20,.8);border:1px solid #2a2a2a;border-radius:16px;color:var(--ink);text-decoration:none;transition:all .3s ease}.contact-card:hover{border-color:#00d4aa;transform:translateY(-4px);box-shadow:0 10px 30px #00d4aa26}.contact-card svg{color:#00d4aa}.namm-footer{text-align:center;padding:60px 40px}.footer-quote{max-width:600px;margin:0 auto 40px}.quote-mark{font-size:48px;color:#d4af374d;font-family:Georgia,serif;line-height:1}.footer-quote p{font-size:24px;color:var(--ink);line-height:1.6;font-style:italic;margin:-12px 0}.footer-seal{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--gold)}.footer-seal svg{opacity:.8;margin-bottom:8px}.seal-name{font-size:20px;letter-spacing:6px;font-weight:700}.seal-date{font-size:12px;letter-spacing:2px;color:var(--muted)}@media (max-width: 768px){.namm-title{font-size:48px;letter-spacing:6px}.namm-full-name{font-size:14px;letter-spacing:1px}.business-info-section,.mission-section,.proton-section{padding:32px 20px}.business-details,.services-grid,.consultation-grid{grid-template-columns:1fr}.payment-category{padding:24px 16px}.crypto-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{flex-direction:column;align-items:center}.contact-card,.book-btn{width:100%;justify-content:center}.footer-quote p{font-size:18px}}.detnam-hero{text-align:center;margin-bottom:80px;padding-top:20px}.phoenix-symbol{color:#ff6b35;margin-bottom:24px;display:flex;justify-content:center;opacity:0;animation:phoenixRise 1.5s ease forwards;filter:drop-shadow(0 0 30px rgba(255,107,53,.5))}@keyframes phoenixRise{0%{opacity:0;transform:translateY(50px) scale(.8);filter:drop-shadow(0 0 0 rgba(255,107,53,0))}50%{filter:drop-shadow(0 0 60px rgba(255,107,53,.8))}to{opacity:1;transform:translateY(0) scale(1);filter:drop-shadow(0 0 30px rgba(255,107,53,.5))}}.detnam-title{font-size:80px;color:var(--gold);margin:0 0 12px;letter-spacing:16px;font-weight:700;opacity:0;animation:titleSlam .8s ease .3s forwards;text-shadow:0 0 40px rgba(212,175,55,.3)}@keyframes titleSlam{0%{opacity:0;transform:scale(1.5);letter-spacing:40px}to{opacity:1;transform:scale(1);letter-spacing:16px}}.detnam-acronym{font-size:16px;color:var(--ink);margin:0 0 8px;letter-spacing:3px;text-transform:uppercase;opacity:0;animation:fadeIn 1s ease .6s forwards}.detnam-tagline{font-size:14px;color:#ff6b35;margin:0;font-weight:600;letter-spacing:4px;text-transform:uppercase;opacity:0;animation:fadeIn 1s ease .8s forwards}@keyframes fadeIn{to{opacity:1}}.hero-divider{width:120px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:40px auto 0;opacity:0;animation:fadeIn 1s ease 1s forwards}.mission-section{max-width:800px;margin:0 auto 80px;background:rgba(20,20,20,.9);border:1px solid #2a2a2a;border-radius:24px;padding:48px;text-align:center;position:relative;overflow:hidden}.mission-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#ff6b35,var(--gold),#ff6b35,transparent)}.mission-badge{width:64px;height:64px;background:rgba(255,107,53,.15);border:2px solid #ff6b35;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#ff6b35}.mission-title{font-size:32px;color:var(--gold);margin:0 0 24px;letter-spacing:2px}.mission-text{color:#b0b0b0;font-size:16px;line-height:1.9;margin:0 0 16px}.mission-text:last-child{margin-bottom:0}.mission-text strong{color:var(--gold)}.pillars-section{margin-bottom:80px}.section-title{display:flex;align-items:center;justify-content:center;gap:12px;font-size:32px;color:var(--gold);margin:0 0 16px;text-align:center}.section-subtitle{text-align:center;color:var(--muted);font-size:16px;margin:0 0 40px}.pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.pillar-card{background:rgba(20,20,20,.8);border:1px solid #2a2a2a;border-radius:20px;padding:32px;text-align:center;transition:all .4s ease;position:relative;overflow:hidden}.pillar-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff6b35,var(--gold));transform:scaleX(0);transition:transform .4s ease}.pillar-card:hover{border-color:var(--gold);transform:translateY(-8px);box-shadow:0 20px 40px #ff6b351a}.pillar-card:hover:after{transform:scaleX(1)}.pillar-icon{width:56px;height:56px;background:rgba(255,107,53,.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#ff6b35;transition:all .3s ease}.pillar-card:hover .pillar-icon{background:#ff6b35;color:#000;transform:scale(1.1)}.pillar-card h3{font-size:20px;color:var(--ink);margin:0 0 12px}.pillar-card p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.eligibility-section{max-width:800px;margin:0 auto 80px;background:rgba(30,15,10,.8);border:2px solid #ff6b35;border-radius:24px;padding:48px;text-align:center}.eligibility-badge{width:64px;height:64px;background:rgba(212,175,55,.15);border:2px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:var(--gold)}.eligibility-title{font-size:28px;color:var(--gold);margin:0 0 32px;letter-spacing:2px}.eligibility-content{display:flex;flex-direction:column;gap:16px;text-align:left}.eligibility-item{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;background:rgba(0,0,0,.3);border-radius:12px;border:1px solid rgba(255,107,53,.2)}.eligibility-item svg{flex-shrink:0;color:#ff6b35;margin-top:2px}.eligibility-item span{color:silver;font-size:15px;line-height:1.6}.eligibility-item strong{color:var(--gold)}.cta-section{text-align:center;margin-bottom:60px;padding:60px 40px;background:linear-gradient(135deg,rgba(255,107,53,.08),rgba(212,175,55,.08));border-radius:24px;border:1px solid rgba(255,107,53,.3)}.cta-flames{color:#ff6b35;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.cta-title{font-size:36px;color:var(--gold);margin:0 0 16px}.cta-text{color:#b0b0b0;font-size:16px;line-height:1.8;max-width:600px;margin:0 auto 32px}.register-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:linear-gradient(135deg,#ff6b35,#d4af37);border:none;border-radius:12px;color:#000;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:1px}.register-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff6b3566}.btn-chevron{transition:transform .3s ease}.btn-chevron.rotated{transform:rotate(180deg)}.registration-section{background:rgba(15,15,15,.95);border:2px solid var(--gold);border-radius:24px;padding:48px;margin-bottom:80px;animation:slideDown .5s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.registration-header{text-align:center;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid rgba(212,175,55,.3)}.registration-header h2{font-size:28px;color:var(--gold);margin:0 0 12px;letter-spacing:2px}.registration-header p{color:var(--muted);margin:0;font-size:14px}.registration-form{display:flex;flex-direction:column;gap:32px}.form-section{display:flex;flex-direction:column;gap:16px}.form-section-title{color:#ff6b35;font-size:14px;text-transform:uppercase;letter-spacing:2px;margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid rgba(255,107,53,.3)}.form-row{display:flex;gap:16px;flex-wrap:wrap}.form-group{flex:1;min-width:180px;display:flex;flex-direction:column;gap:6px}.form-group.small{flex:0 0 120px;min-width:100px}.form-group.full{flex:0 0 100%}.form-group label{font-size:13px;color:var(--muted);font-weight:500}.form-group input,.form-group select{padding:12px 16px;background:rgba(30,30,30,.8);border:1px solid #2a2a2a;border-radius:10px;color:var(--ink);font-size:15px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--gold);background:rgba(40,40,40,.9);box-shadow:0 0 0 3px #d4af371a}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23d4af37' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.upload-description{color:var(--muted);font-size:14px;line-height:1.6;margin:0}.upload-area{position:relative}.file-input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background:rgba(30,30,30,.6);border:2px dashed #3a3a3a;border-radius:16px;color:var(--muted);cursor:pointer;transition:all .3s ease;gap:12px}.upload-label:hover{border-color:var(--gold);background:rgba(40,40,40,.8)}.upload-text{font-size:16px;color:var(--ink)}.upload-hint{font-size:12px;color:var(--muted)}.form-submit{text-align:center;padding-top:24px;border-top:1px solid rgba(212,175,55,.2)}.submit-disclaimer{color:var(--muted);font-size:13px;line-height:1.6;max-width:600px;margin:0 auto 24px}.submit-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 48px;background:var(--gold);border:none;border-radius:12px;color:#000;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn:hover{background:#e9c968;transform:translateY(-2px);box-shadow:0 10px 30px #d4af374d}.manifesto-section{text-align:center;padding:60px 40px;margin-bottom:40px}.manifesto-quote{max-width:700px;margin:0 auto 40px;position:relative}.quote-mark{font-size:60px;color:#d4af374d;font-family:Georgia,serif;line-height:1}.manifesto-quote p{font-size:22px;color:var(--ink);line-height:1.7;font-style:italic;margin:-20px 0}.manifesto-seal{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--gold)}.manifesto-seal svg{margin-bottom:8px;opacity:.8}.manifesto-seal span:first-of-type{font-size:24px;letter-spacing:8px;font-weight:700}.seal-year{font-size:12px;letter-spacing:3px;color:var(--muted)}@media (max-width: 768px){.detnam-title{font-size:48px;letter-spacing:8px}.detnam-acronym{font-size:12px;letter-spacing:1px;padding:0 20px}.mission-section,.eligibility-section,.registration-section{padding:32px 20px}.pillars-grid{grid-template-columns:1fr}.form-row{flex-direction:column}.form-group,.form-group.small{flex:0 0 100%;min-width:100%}.cta-section{padding:40px 24px}.register-btn,.submit-btn{width:100%;justify-content:center}.manifesto-quote p{font-size:18px}}.login-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1}.login-portal{position:relative;width:100%;max-width:420px;background:radial-gradient(closest-side,rgba(15,15,15,.95),rgba(10,10,10,.98));border:1px solid rgba(212,175,55,.2);border-radius:24px;padding:48px 40px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 80px #d4af3714,0 0 120px #00000080,inset 0 0 60px #0000004d;animation:portalAppear .8s ease forwards}.portal-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:26px;background:conic-gradient(from 180deg,transparent 0deg,rgba(212,175,55,.15) 60deg,transparent 120deg,rgba(212,175,55,.1) 180deg,transparent 240deg,rgba(212,175,55,.15) 300deg,transparent 360deg);animation:glowRotate 8s linear infinite;z-index:-1;filter:blur(1px)}@keyframes glowRotate{to{transform:rotate(360deg)}}.login-header{text-align:center;margin-bottom:36px}.login-symbol{color:var(--gold);margin-bottom:16px;animation:symbolPulse 3s ease-in-out infinite}.login-title{font-size:42px;color:var(--gold);margin:0 0 8px;letter-spacing:4px;font-weight:300}.login-subtitle{font-size:16px;color:var(--ink);margin:0 0 12px;font-weight:400}.login-philosophy{font-size:13px;color:var(--muted);margin:0;font-style:italic;opacity:.8}.login-form{display:flex;flex-direction:column;gap:16px}.authenticator-input{text-align:center;letter-spacing:8px;font-size:24px;font-family:monospace}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:var(--muted);pointer-events:none;transition:color .3s ease}.login-input{width:100%;padding:14px 16px 14px 48px;background:rgba(20,20,20,.8);border:1px solid #2a2a2a;border-radius:12px;color:var(--ink);font-size:15px;transition:all .3s ease;font-family:inherit}.login-input::placeholder{color:#666}.login-input:focus{outline:none;border-color:var(--gold);background:rgba(25,25,25,.9);box-shadow:0 0 20px #d4af371a}.login-input:focus+.input-icon,.input-group:focus-within .input-icon{color:var(--gold)}.password-toggle{position:absolute;right:16px;background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .3s ease}.password-toggle:hover{color:var(--gold)}.login-btn{position:relative;margin-top:8px;padding:16px 24px;background:linear-gradient(135deg,rgba(212,175,55,.15),rgba(212,175,55,.05));border:1px solid var(--gold);border-radius:12px;color:var(--gold);font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;overflow:hidden;font-family:inherit}.login-btn:hover{background:linear-gradient(135deg,rgba(212,175,55,.25),rgba(212,175,55,.1));transform:translateY(-2px);box-shadow:0 8px 32px #d4af3733}.login-btn span{position:relative;z-index:1}.btn-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(212,175,55,.3),transparent 70%);opacity:0;transition:opacity .3s ease}.login-btn:hover .btn-glow{opacity:1}.login-divider{display:flex;align-items:center;margin:24px 0;gap:16px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#2a2a2a,transparent)}.login-divider span{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:2px}.toggle-mode{width:100%;padding:12px;background:transparent;border:1px solid #2a2a2a;border-radius:12px;color:var(--muted);font-size:14px;cursor:pointer;transition:all .3s ease;font-family:inherit}.toggle-mode:hover{border-color:#3a3a3a;color:var(--ink);background:rgba(255,255,255,.02)}.back-to-void{display:block;text-align:center;margin-top:24px;color:var(--muted);text-decoration:none;font-size:13px;transition:color .3s ease}.back-to-void:hover{color:var(--gold)}.login-quote{position:fixed;bottom:24px;left:24px;right:24px;text-align:center;color:var(--muted);font-size:12px;font-style:italic;opacity:.6;z-index:10}@media (max-width: 480px){.login-portal{padding:36px 24px}.login-title{font-size:32px}.login-subtitle{font-size:14px}}.register-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1;overflow-y:auto}.register-portal{position:relative;width:100%;max-width:600px;background:radial-gradient(closest-side,rgba(15,15,15,.95),rgba(10,10,10,.98));border:1px solid rgba(212,175,55,.2);border-radius:24px;padding:48px 40px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 80px #d4af3714,0 0 120px #00000080,inset 0 0 60px #0000004d;animation:portalAppear .8s ease forwards;margin:40px auto}@keyframes portalAppear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.register-header{text-align:center;margin-bottom:36px}.register-symbol{color:var(--gold);margin-bottom:16px;animation:symbolPulse 3s ease-in-out infinite}@keyframes symbolPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.register-title{font-size:36px;color:var(--gold);margin:0 0 8px;letter-spacing:4px;font-weight:300}.register-subtitle{font-size:16px;color:var(--ink);margin:0;font-weight:400}.register-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.form-section{margin-top:24px;padding-top:24px;border-top:1px solid rgba(212,175,55,.2)}.form-section-title{color:var(--gold);font-size:14px;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px}.input-wrapper{position:relative;display:flex;flex-direction:column;gap:4px}.input-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.register-input{width:100%;padding:12px 16px;background:rgba(20,20,20,.8);border:1px solid #2a2a2a;border-radius:10px;color:var(--ink);font-size:14px;transition:all .3s ease;font-family:inherit}.register-input::placeholder{color:#555}.register-input:focus{outline:none;border-color:var(--gold);background:rgba(25,25,25,.9);box-shadow:0 0 20px #d4af371a}.register-select{width:100%;padding:12px 16px;background:rgba(20,20,20,.8);border:1px solid #2a2a2a;border-radius:10px;color:var(--ink);font-size:14px;transition:all .3s ease;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23d4af37' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.register-select:focus{outline:none;border-color:var(--gold);background-color:#191919e6;box-shadow:0 0 20px #d4af371a}.register-btn{position:relative;margin-top:24px;padding:16px 24px;background:linear-gradient(135deg,rgba(212,175,55,.15),rgba(212,175,55,.05));border:1px solid var(--gold);border-radius:12px;color:var(--gold);font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;overflow:hidden;font-family:inherit}.register-btn:hover{background:linear-gradient(135deg,rgba(212,175,55,.25),rgba(212,175,55,.1));transform:translateY(-2px);box-shadow:0 8px 32px #d4af3733}.back-link{display:block;text-align:center;margin-top:24px;color:var(--muted);text-decoration:none;font-size:14px;transition:color .3s ease}.back-link:hover{color:var(--gold)}@media (max-width: 600px){.register-portal{padding:32px 20px;margin:20px}.form-row,.form-row-3{grid-template-columns:1fr}.register-title{font-size:28px}}.family-tree-page{position:relative;z-index:1;min-height:100vh;padding:80px 24px 100px}.tree-hero{text-align:center;margin-bottom:40px}.tree-hero-title{font-size:48px;color:var(--gold);margin:0 0 8px;letter-spacing:3px}.tree-hero-subtitle{font-size:18px;color:var(--muted);margin:0;font-style:italic}.map-container{position:relative;width:100%;max-width:1400px;margin:0 auto 60px;height:500px;background:rgba(15,15,15,.8);border:1px solid rgba(212,175,55,.3);border-radius:24px;overflow:hidden}.map-svg{width:100%;height:100%}.map-path{fill:#d4af371a;stroke:#d4af374d;stroke-width:.5}.root-line{stroke:#8b5a2b99;stroke-width:2;stroke-dasharray:8 4;animation:rootGrow 3s ease-out forwards}@keyframes rootGrow{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.state-marker{fill:var(--gold);filter:drop-shadow(0 0 8px rgba(212,175,55,.6))}.state-label{fill:var(--ink);font-size:10px;text-anchor:middle}.family-tree-container{max-width:1200px;margin:0 auto;padding:40px;background:rgba(15,15,15,.6);border:1px solid rgba(212,175,55,.2);border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tree-svg-container{width:100%;overflow-x:auto}.family-tree-svg{min-width:1000px;height:800px}.tree-trunk{fill:url(#trunkGradient);stroke:#5a3d2b;stroke-width:2}.tree-branch{stroke:#6b4423;stroke-width:3;stroke-linecap:round;fill:none}.tree-root{stroke:#4a3520;stroke-width:2.5;stroke-linecap:round;fill:none;opacity:.8}.family-node{cursor:pointer;transition:transform .3s ease}.family-node:hover{transform:scale(1.1)}.node-circle{fill:#141414e6;stroke:var(--gold);stroke-width:2;transition:all .3s ease}.family-node:hover .node-circle{fill:#d4af3733;stroke-width:3;filter:drop-shadow(0 0 12px rgba(212,175,55,.6))}.node-text{fill:var(--ink);font-size:11px;text-anchor:middle;pointer-events:none;font-weight:500}.node-relation{fill:var(--muted);font-size:8px;text-anchor:middle;pointer-events:none}.center-node .node-circle{fill:#d4af3726;stroke:var(--gold);stroke-width:3;filter:drop-shadow(0 0 20px rgba(212,175,55,.4))}.center-node .node-text{fill:var(--gold);font-size:13px;font-weight:600}.leaf{fill:#4caf5099;animation:leafSway 4s ease-in-out infinite}.leaf:nth-child(odd){animation-delay:-2s}@keyframes leafSway{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}.pet-node .node-circle{stroke:#8b9dc3}.member-info-panel{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:rgba(15,15,15,.95);border:1px solid var(--gold);border-radius:16px;padding:20px 32px;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:50;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.member-info-panel h3{color:var(--gold);font-size:24px;margin:0 0 4px}.member-info-panel .relation{color:var(--muted);font-size:14px;margin:0 0 12px;font-style:italic}.member-info-panel .description{color:var(--ink);font-size:14px;margin:0;max-width:400px}.view-profile-btn{margin-top:12px;padding:8px 20px;background:rgba(212,175,55,.1);border:1px solid var(--gold);border-radius:8px;color:var(--gold);font-size:13px;cursor:pointer;transition:all .2s ease}.view-profile-btn:hover{background:rgba(212,175,55,.2)}.tree-legend{display:flex;justify-content:center;gap:24px;margin-top:30px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.legend-dot{width:12px;height:12px;border-radius:50%;border:2px solid}.legend-dot.center{border-color:var(--gold);background:rgba(212,175,55,.3)}.legend-dot.parent{border-color:#8b4513;background:rgba(139,69,19,.3)}.legend-dot.sibling{border-color:#6b8e23;background:rgba(107,142,35,.3)}.legend-dot.spouse{border-color:#db7093;background:rgba(219,112,147,.3)}.legend-dot.child{border-color:#87ceeb;background:rgba(135,206,235,.3)}.legend-dot.pet{border-color:#8b9dc3;background:rgba(139,157,195,.3)}@media (max-width: 768px){.tree-hero-title{font-size:32px}.map-container{height:300px}.family-tree-container{padding:20px}.member-info-panel{left:20px;right:20px;transform:none;bottom:100px}}.wb-shell{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;background:rgba(5,5,9,.95)}.wb-shell.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.wb-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #1a1a1a;background:rgba(10,10,10,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wb-logo{display:flex;align-items:center;gap:12px}.wb-logo-mark{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--gold),#9a7b2a);display:flex;align-items:center;justify-content:center;color:#000;font-weight:700;font-size:16px}.wb-logo-text{display:flex;flex-direction:column}.wb-logo-title{font-size:18px;font-weight:700;color:var(--ink);letter-spacing:.5px}.wb-logo-sub{font-size:11px;color:var(--muted);letter-spacing:1px;text-transform:uppercase}.wb-header-right{display:flex;align-items:center;gap:16px}.wb-env-pill{padding:6px 12px;border-radius:20px;background:rgba(212,175,55,.15);color:var(--gold);font-size:12px;font-weight:600}.wb-link-home{color:var(--muted);text-decoration:none;font-size:13px;transition:color .2s}.wb-link-home:hover{color:var(--gold)}.wb-main{flex:1;display:grid;grid-template-columns:280px 1fr 1fr;gap:1px;background:#1a1a1a;min-height:0}.wb-panel{background:rgba(10,10,10,.95);padding:20px;display:flex;flex-direction:column;overflow:hidden}.wb-panel-left,.wb-panel-middle{border-right:1px solid #1a1a1a}.wb-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.wb-panel-header h2{font-size:16px;font-weight:600;color:var(--ink);margin:0;display:flex;align-items:center;gap:8px}.wb-panel-header h2 svg{color:var(--gold)}.wb-panel-tag{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding:4px 8px;border:1px solid #2a2a2a;border-radius:4px}.wb-field{margin-bottom:16px}.wb-field-grow{flex:1;display:flex;flex-direction:column}.wb-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:8px}.wb-select-wrap{position:relative}.wb-select{width:100%;padding:10px 32px 10px 12px;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:8px;color:var(--ink);font-size:13px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .2s}.wb-select:hover,.wb-select:focus{border-color:var(--gold);outline:none}.wb-select option{background:#0a0a0a;color:var(--ink)}.wb-select-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.wb-textarea{width:100%;padding:12px;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:8px;color:var(--ink);font-size:13px;line-height:1.5;resize:none;font-family:inherit;transition:border-color .2s}.wb-textarea:hover,.wb-textarea:focus{border-color:var(--gold);outline:none}.wb-textarea::placeholder{color:#555}.wb-textarea-small{height:80px}.wb-textarea-main{flex:1;min-height:150px}.wb-panel-section{flex:1;display:flex;flex-direction:column;min-height:0;margin-top:8px}.wb-panel-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.wb-panel-header-row h3{font-size:13px;font-weight:600;color:var(--ink);margin:0;display:flex;align-items:center;gap:6px}.wb-panel-header-row h3 svg{color:var(--muted)}.wb-pill-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;background:transparent;border:1px solid #2a2a2a;border-radius:12px;color:var(--muted);font-size:11px;cursor:pointer;transition:all .2s}.wb-pill-btn:hover{border-color:#f44;color:#f44}.wb-history{flex:1;overflow-y:auto;padding-right:8px}.wb-history::-webkit-scrollbar{width:4px}.wb-history::-webkit-scrollbar-track{background:#1a1a1a}.wb-history::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:2px}.wb-history-empty{color:#555;font-size:12px;text-align:center;padding:24px 12px;border:1px dashed #2a2a2a;border-radius:8px}.wb-history-item{padding:12px;background:rgba(20,20,20,.6);border:1px solid #1a1a1a;border-radius:8px;margin-bottom:8px;transition:border-color .2s}.wb-history-item:hover{border-color:#2a2a2a}.wb-history-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.wb-history-page{font-size:11px;font-weight:600;color:var(--gold)}.wb-history-time{font-size:10px;color:#555}.wb-history-prompt{font-size:12px;color:#888;margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wb-history-actions{display:flex;gap:6px}.wb-history-btn{padding:4px 8px;background:transparent;border:1px solid #2a2a2a;border-radius:4px;color:var(--muted);cursor:pointer;transition:all .2s}.wb-history-btn:hover{border-color:var(--gold);color:var(--gold)}.wb-history-btn-delete:hover{border-color:#f44;color:#f44}.wb-actions-row{display:flex;gap:10px;margin-bottom:16px}.wb-primary-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,var(--gold),#9a7b2a);border:none;border-radius:10px;color:#000;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.wb-primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #d4af374d}.wb-primary-btn:disabled{opacity:.5;cursor:not-allowed}.wb-ghost-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:transparent;border:1px solid #3a3a3a;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer;transition:all .2s}.wb-ghost-btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.wb-ghost-btn:disabled{opacity:.5;cursor:not-allowed}.wb-hint{padding:16px;background:rgba(212,175,55,.05);border:1px solid rgba(212,175,55,.2);border-radius:10px;margin-bottom:16px}.wb-hint p{font-size:12px;color:#888;margin:0 0 8px;line-height:1.5}.wb-hint p:last-child{margin-bottom:0}.wb-hint strong{color:var(--gold)}.wb-quick-prompts{margin-top:auto}.wb-quick-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.wb-quick-tags button{padding:6px 12px;background:rgba(20,20,20,.8);border:1px solid #2a2a2a;border-radius:16px;color:#888;font-size:11px;cursor:pointer;transition:all .2s}.wb-quick-tags button:hover{border-color:var(--gold);color:var(--gold);background:rgba(212,175,55,.1)}.wb-device-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.wb-device-buttons{display:flex;gap:6px;flex:1}.wb-device-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid #2a2a2a;border-radius:8px;color:var(--muted);font-size:12px;cursor:pointer;transition:all .2s}.wb-device-btn:hover{border-color:#3a3a3a}.wb-device-btn.active{border-color:var(--gold);color:var(--gold);background:rgba(212,175,55,.1)}.wb-preview-actions{display:flex;gap:6px}.wb-icon-btn{padding:8px;background:transparent;border:1px solid #2a2a2a;border-radius:8px;color:var(--muted);cursor:pointer;transition:all .2s}.wb-icon-btn:hover{border-color:var(--gold);color:var(--gold)}.wb-preview-frame-wrap{flex:1;display:flex;justify-content:center;background:#0a0a0a;border-radius:12px;border:1px solid #2a2a2a;padding:12px;overflow:hidden}.wb-preview-frame-shell{width:100%;height:100%;transition:max-width .3s ease;border-radius:8px;overflow:hidden;background:#000;border:1px solid #1a1a1a}.wb-preview-frame{width:100%;height:100%;border:none;background:#fff}.wb-preview-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #1a1a1a}.wb-preview-path{display:flex;align-items:center;gap:8px}.wb-current-path{font-family:monospace;font-size:12px;color:var(--gold);padding:4px 8px;background:rgba(212,175,55,.1);border-radius:4px}.wb-preview-device{font-size:11px;color:var(--muted)}@media (max-width: 1200px){.wb-main{grid-template-columns:260px 1fr}.wb-panel-right{display:none}}@media (max-width: 768px){.wb-main{grid-template-columns:1fr}.wb-panel-left{display:none}.wb-header{padding:12px 16px}.wb-logo-title{font-size:16px}.wb-env-pill{display:none}}:root{--bg: #000;--ink: #e9e9e9;--muted: #a0a0a0;--gold: #d4af37;--line: #1a1a1a;--radius: 24px}*{box-sizing:border-box}html,body{height:100%;margin:0;background:#000;color:var(--ink);font-family:ui-sans-serif,system-ui,Segoe UI,Inter,Roboto,Arial;overflow-x:hidden}.void{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(2200px 1200px at 50% -20%,rgba(212,175,55,.05),transparent 60%),radial-gradient(1400px 1000px at 10% -10%,rgba(255,255,255,.06),transparent 55%),#000;overflow:hidden;z-index:0}.stars:before,.stars:after{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(1px 1px at 20% 30%,#fff,transparent 40%),radial-gradient(1px 1px at 60% 70%,#fff,transparent 40%),radial-gradient(1px 1px at 80% 20%,#fff,transparent 40%),radial-gradient(1px 1px at 35% 85%,#fff,transparent 40%);opacity:.08;animation:drift 60s linear infinite}.stars:after{animation-duration:120s;opacity:.05}@keyframes drift{0%{transform:translateZ(0)}to{transform:translate3d(8%,6%,0)}}.well{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;z-index:1}.hole{width:min(68vmin,520px);height:min(68vmin,520px);border-radius:50%;background:radial-gradient(closest-side,#000 0%,#020202 40%,rgba(0,0,0,0) 70%),radial-gradient(closest-side at 50% 55%,rgba(212,175,55,.18),rgba(212,175,55,.06) 40%,rgba(0,0,0,0) 75%),radial-gradient(closest-side at 50% 45%,rgba(192,192,192,.12),rgba(0,0,0,0) 70%);box-shadow:0 0 120px 40px #d4af370d,inset 0 0 90px #000000d9;position:relative;display:grid;place-items:center;transition:transform .5s ease,box-shadow .5s ease,filter .5s ease;filter:saturate(120%);animation:breathe 4s ease-in-out infinite;pointer-events:none}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.hole:after{content:"";position:absolute;top:-2%;right:-2%;bottom:-2%;left:-2%;border-radius:50%;background:conic-gradient(from 220deg,rgba(212,175,55,.18),rgba(255,255,255,.08),rgba(212,175,55,.14),rgba(0,0,0,0) 60%);mix-blend-mode:screen;filter:blur(10px);opacity:.5;animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hole:hover{transform:scale(1.04);box-shadow:0 0 140px 60px #d4af3712,inset 0 0 100px #000000e6;animation:none}.portal{width:min(40vmin,320px);height:min(40vmin,320px);border-radius:50%;border:1px solid #1d1d1d;background:radial-gradient(closest-side,#0b0b0b,#070707);display:grid;place-items:center;text-align:center;padding:24px;box-shadow:inset 0 0 30px #000000e6,0 0 60px #ffffff08;pointer-events:auto}.portal h1{margin:0;font-size:min(9vmin,42px);letter-spacing:.6px;color:var(--gold)}.portal p{margin:8px 0 0;color:#cfcfcf;font-size:14px}.enter{margin-top:14px;display:inline-block;padding:10px 14px;border-radius:14px;border:1px solid #2a2a2a;color:var(--ink);background:#0e0e0e;text-decoration:none;transition:border-color .15s ease,transform .08s ease,background .15s ease;cursor:pointer;pointer-events:auto;position:relative;z-index:100}.enter:hover{border-color:#3a3a3a;transform:translateY(-1px);background:#1a1a1a}.links{position:fixed;left:16px;bottom:16px;right:16px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;z-index:10}.chip{border:1px solid #1f1f1f;border-radius:999px;padding:8px 12px;font-size:13px;color:#c8c8c8;background:#0a0a0a;text-decoration:none;transition:all .2s ease;cursor:pointer}.chip:hover{border-color:#2c2c2c;background:#0e0e0e}.caption{position:fixed;top:16px;left:16px;right:16px;text-align:center;color:#b9b9b9;font-size:12px;letter-spacing:.3px;z-index:10}.caption-link{color:#b9b9b9;text-decoration:none;transition:color .3s ease}.caption-link:hover{color:var(--gold)}.particle{position:fixed;width:4px;height:4px;border-radius:50%;background:rgba(212,175,55,.6);pointer-events:none;z-index:5;animation:particle-fade 2s ease-out forwards}@keyframes particle-fade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.page-content{position:relative;z-index:1;min-height:100vh;padding:80px 24px 24px}.content-container{max-width:1200px;margin:0 auto}.back-btn{position:fixed;top:24px;left:24px;padding:10px 16px;border:1px solid #2a2a2a;border-radius:12px;background:rgba(10,10,10,.9);color:var(--gold);text-decoration:none;font-size:14px;transition:all .2s ease;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:8px}.back-btn:hover{border-color:var(--gold);background:rgba(20,20,20,.9);transform:translate(-2px)}.copyright-bar{position:fixed;bottom:0;left:0;right:0;padding:12px 24px;background:rgba(10,10,10,.95);border-top:1px solid #1a1a1a;text-align:center;font-size:12px;color:#888;z-index:15;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.copyright-bar a{color:var(--gold);text-decoration:none;transition:color .2s ease}.copyright-bar a:hover{color:#e9c968}