@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap";*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%}body{overflow-x:hidden}:root{--eggshell: #f4efe8;--brown: #3e2c1c;--accent: #8a6a4f;--dark-panel: #e9e1d6;--gold: #f6c244;--maroon: #8a1538}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,sans-serif;background:var(--eggshell);color:var(--brown);overflow-x:hidden}.progress-bar{position:fixed;top:0;left:0;height:3px;background:var(--brown);z-index:5000}.hero{min-height:75vh;display:flex;flex-direction:column;justify-content:center;padding:0 10%}.hero h1{font-size:4.2rem;font-weight:800;letter-spacing:-2px;margin:0}.hero p{margin-top:20px;font-weight:300;font-size:1.2rem;color:var(--accent)}.section{padding:120px 10%;display:flex;align-items:center}.section.dark{background:var(--dark-panel)}.section-inner{width:100%;display:flex}.section-inner.left{justify-content:flex-start}.section-inner.right{justify-content:flex-end}.card{width:100%;max-width:820px;padding:60px 70px;border-radius:8px;background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 40px 80px #0000000f;transition:all .4s ease}.card:hover{transform:translateY(-10px);box-shadow:0 60px 120px #0000001a}.card-header{display:flex;align-items:center;gap:20px;margin-bottom:25px}.card h2{font-size:2.2rem;font-weight:700;margin:0}.card p{font-size:1.15rem;line-height:1.8;font-weight:300}.icon{font-size:2rem;color:var(--brown)}.social-section{padding:120px 10%;display:flex;justify-content:center;gap:60px}.social-section a{font-size:1.4rem;font-weight:500;text-decoration:none;color:var(--brown);transition:.3s ease}.social-section a:hover{color:var(--accent)}.hamburger{position:fixed;top:30px;left:30px;font-size:1.6rem;cursor:pointer;z-index:6000}.overlay{position:fixed;inset:0;background:#00000040;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5500}.side-menu{position:fixed;top:0;left:0;width:280px;height:100vh;background:var(--brown);color:var(--eggshell);padding:60px 40px;z-index:6000}.side-menu li{margin:25px 0;cursor:pointer}.side-menu .side-inner h3{margin:5 0 18px 0;color:var(--eggshell)}.side-menu .nav-item{margin:8px 0}.side-menu .nav-sublink,.side-menu .interests-toggle{display:block;width:100%;background:transparent;border:none;color:var(--eggshell);text-align:left;padding:10px 12px;font-weight:600;cursor:pointer;border-radius:6px}.side-menu .nav-sublink:hover,.side-menu .interests-toggle:hover{background:#ffffff0a}.side-menu .interests-list{margin-top:8px;margin-left:8px;background:#ffffff08;border-radius:6px;padding:8px}.side-menu .nav-active{background:var(--accent);color:#fff}.back-to-top{position:fixed;bottom:40px;right:40px;width:55px;height:55px;background:var(--brown);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 15px 30px #00000026;transition:.3s}.back-to-top:hover{transform:translateY(-6px)}.typewriter{margin-top:25px;font-size:1.5rem;font-weight:400;color:var(--accent);min-height:40px}.typewriter span{padding-right:5px}.absolute-icons-left{position:absolute;top:30px;left:30px;z-index:6000;font-size:1.6rem;cursor:pointer}.absolute-icons-right{position:absolute;top:30px;right:30px;z-index:6000;display:flex;gap:20px}.absolute-icons-right a{color:var(--brown);font-size:1.4rem;transition:.3s}.absolute-icons-right a:hover{color:var(--accent)}.top-header{position:fixed;top:0;left:0;right:0;height:60px;background:var(--brown);color:var(--eggshell);display:flex;justify-content:space-between;align-items:center;padding:0 30px;z-index:7000;box-shadow:0 4px 12px #0003}.top-header .right a{margin-left:20px;color:var(--eggshell);font-size:1.3rem;transition:.3s}.top-header .right a:hover{color:var(--accent)}.top-header .left svg{font-size:1.6rem;cursor:pointer}@media(max-width:768px){.section{padding:60px 5%}.card{padding:30px 20px;max-width:100%}.card h2{font-size:1.6rem}.card p{font-size:1rem;line-height:1.5}.section-inner.left,.section-inner.right{justify-content:center}.card-header{gap:15px}.icon{font-size:1.5rem}}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:16px}.nav-links{display:flex;align-items:center;gap:12px}.nav-link{background:transparent;border:none;color:var(--eggshell);font-weight:600;padding:8px 12px;cursor:pointer;border-radius:6px}.nav-link:hover,.nav-sublink:hover{background:#ffffff0f}.nav-active{background:var(--accent);color:#fff}.interests{position:relative}.interests-toggle{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--eggshell);cursor:pointer;font-weight:600;padding:8px 10px}.interests-list{position:absolute;top:42px;left:0;background:#fff;color:var(--brown);border-radius:8px;box-shadow:0 24px 48px #0000001f;padding:10px;min-width:160px;z-index:8000}.nav-sublink{display:block;width:100%;text-align:left;background:transparent;border:none;padding:8px 10px;cursor:pointer;border-radius:6px}@media(max-width:600px){.nav-links{display:none}}.music-page{padding:80px 10%;color:var(--brown)}.music-inner{max-width:1200px;margin:0 auto}.music-header h2{font-size:2.6rem;margin:0 0 6px}.music-header p{margin:0 0 28px;color:var(--accent);font-weight:400}.playlist-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.playlist-card{display:block;text-decoration:none;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 18px 40px #00000014;transition:transform .28s ease,box-shadow .28s ease;border:1px solid rgba(0,0,0,.04)}.playlist-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 30px 80px #0000001f}.artwork{height:160px;display:flex;align-items:center;justify-content:center}.art-emoji{font-size:48px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.18))}.playlist-info{padding:14px 16px 18px}.playlist-name{font-weight:700;color:var(--brown)}.playlist-genre{color:var(--accent);font-size:.95rem;margin-top:6px}@media(max-width:1000px){.playlist-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.playlist-grid{grid-template-columns:1fr}.artwork{height:140px}}.sports-page{padding:80px 10%;color:var(--brown)}.sports-inner{max-width:1200px;margin:0 auto}.sports-header h2{font-size:2.6rem;margin:0 0 6px}.sports-header p{margin:0 0 28px;color:var(--accent);font-weight:400}.teams-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.team-card{display:block;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 18px 40px #00000014;transition:transform .28s ease,box-shadow .28s ease;border:1px solid rgba(0,0,0,.04);cursor:default}.team-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 30px 80px #0000001f}.team-artwork{height:180px;display:flex;align-items:center;justify-content:center}.team-emoji{font-size:56px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.18))}.team-info{padding:18px 16px 22px}.team-name{font-weight:700;color:var(--brown);font-size:1.05rem}.team-sport{color:var(--accent);font-size:.92rem;margin-top:6px;font-weight:500}@media(max-width:1200px){.teams-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.teams-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.teams-grid{grid-template-columns:1fr}.team-artwork{height:160px}.team-emoji{font-size:48px}.sports-page{padding:60px 5%}}.cooking-page{max-width:800px;margin:48px auto 0;padding:16px 16px 64px;background:#f8f5f1;border-radius:24px;box-shadow:0 8px 32px #3e2c1c1a;position:relative}.cooking-title{font-size:2.5rem;font-weight:800;margin-bottom:8px;letter-spacing:-1px;color:#3e2c1c;text-align:left}.cooking-intro{font-size:1.15rem;color:#6d4c2c;margin-bottom:28px;opacity:.92}.cooking-sort-bar{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:1rem}.sort-btn{background:#f6c244;border:none;border-radius:8px;padding:6px 16px;font-weight:600;color:#3e2c1c;cursor:pointer;transition:background .18s,color .18s;box-shadow:0 1px 4px #3e2c1c0f}.sort-btn.active,.sort-btn:hover{background:#8a1538;color:#fff}.recipe-list{display:flex;flex-direction:column;gap:22px}.recipe-card{display:block;text-decoration:none;background:#fffdfa;border-radius:16px;box-shadow:0 2px 16px #3e2c1c14;border:1.5px solid #e9e1d6;transition:box-shadow .18s,transform .18s,border .18s;padding:0;overflow:hidden;position:relative}.recipe-card:hover{box-shadow:0 8px 32px #3e2c1c29;border:1.5px solid #8a1538;transform:translateY(-2px) scale(1.012)}.recipe-card-content{padding:18px 18px 14px;display:flex;flex-direction:column;height:100%}.recipe-card-header{display:flex;align-items:center;gap:14px;margin-bottom:6px}.responsive-recipe-header{display:flex;align-items:center;gap:14px}.recipe-title-subtitle{display:flex;flex-direction:column;flex:1}.recipe-title-subtitle .recipe-title{margin-bottom:2px}.recipe-title-subtitle .recipe-subtitle{font-size:1.01rem;color:#8a6a4f;font-weight:400;opacity:.88;margin-top:0;margin-bottom:0}.recipe-rating{font-size:1.1rem;font-weight:700;color:#fff;background:#8a1538;border-radius:7px;padding:4px 10px;box-shadow:0 1px 4px #8a15381a;margin-right:6px;letter-spacing:.5px}.recipe-title{font-size:1.13rem;font-weight:700;color:#3e2c1c;margin:0;flex:1;line-height:1.2}.recipe-card-footer{display:flex;justify-content:flex-end;align-items:center;margin-top:12px}.view-recipe{color:#f6c244;font-weight:600;font-size:1.01rem;background:none;border:none;cursor:pointer;transition:color .18s;letter-spacing:.2px}.recipe-card:hover .view-recipe{color:#8a1538;text-decoration:underline}@media(max-width:600px){.responsive-recipe-header{flex-direction:column;align-items:flex-start;gap:4px}.recipe-title-subtitle{width:100%}.recipe-title-subtitle .recipe-title{font-size:1rem;margin-bottom:1px}.recipe-title-subtitle .recipe-subtitle{font-size:.97rem;margin-bottom:0}.recipe-rating{margin-right:0;margin-bottom:2px}.cooking-page{max-width:98vw;margin:80px 0 0;padding:18px 2vw 32px;border-radius:12px;box-shadow:0 2px 12px #3e2c1c1a}.cooking-title{font-size:2rem;margin-bottom:4px}.cooking-intro{font-size:1rem;margin-bottom:18px}.cooking-sort-bar{flex-direction:column;align-items:flex-start;gap:6px;font-size:.98rem;margin-bottom:16px}.recipe-list{gap:14px}.recipe-card{border-radius:10px;box-shadow:0 1px 8px #3e2c1c1a}.recipe-card-content{padding:12px 10px 10px 12px}.recipe-card-header{gap:8px;margin-bottom:2px}.recipe-rating{font-size:.98rem;padding:3px 8px;border-radius:6px}.recipe-title{font-size:1rem}.recipe-card-footer{margin-top:8px}.view-recipe{font-size:.97rem}}.tvshows-page{max-width:900px;margin:64px auto 0;padding:18px 16px 64px;background:#f8f5f1;border-radius:24px;box-shadow:0 8px 32px #1e283c1a;position:relative}.tvshows-title{font-size:2.5rem;font-weight:800;margin-bottom:8px;letter-spacing:-1px;color:var(--brown);text-align:left}.tvshows-intro{font-size:1.15rem;color:#6d4c2c;margin-bottom:28px;opacity:.92}.tvshows-sort-bar{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:1rem}.tvshow-list{display:flex;flex-direction:column;gap:22px}.tvshow-card{background:#fff;border-radius:16px;box-shadow:0 2px 16px #1e283c14;border:1.5px solid #e0e6ef;transition:box-shadow .18s,transform .18s,border .18s;padding:0;overflow:hidden;position:relative}.tvshow-card:hover{box-shadow:0 8px 32px #1e283c29;border:1.5px solid #3a4660;transform:translateY(-2px) scale(1.012)}.tvshow-card-content{padding:18px 18px 14px;display:flex;flex-direction:column;height:100%}.tvshow-card-header{display:flex;align-items:center;gap:14px;margin-bottom:6px}.responsive-tvshow-header{display:flex;align-items:center;gap:14px}.tvshow-title-subtitle{display:flex;flex-direction:column;flex:1}.tvshow-title-subtitle .tvshow-title{font-size:1.18rem;font-weight:700;color:#1a2233;margin:0;line-height:1.2}.tvshow-title-subtitle .tvshow-subtitle{font-size:1.01rem;color:#3a4660;font-weight:400;opacity:.88;margin-top:0;margin-bottom:0}.tvshow-rating{font-size:1.1rem;font-weight:700;color:#fff;background:#3a4660;border-radius:7px;padding:4px 10px;box-shadow:0 1px 4px #1e283c1a;margin-right:6px;letter-spacing:.5px}@media(max-width:600px){.tvshows-page{max-width:98vw;margin:80px 0 0;padding:18px 2vw 32px;border-radius:12px;box-shadow:0 2px 12px #1e283c1a}.tvshows-title{font-size:2rem;margin-bottom:4px}.tvshows-intro{font-size:1rem;margin-bottom:18px}.tvshows-sort-bar{flex-direction:column;align-items:flex-start;gap:6px;font-size:.98rem;margin-bottom:16px}.tvshow-list{gap:14px}.tvshow-card{border-radius:10px;box-shadow:0 1px 8px #1e283c1a}.tvshow-card-content{padding:12px 10px 10px 12px}.tvshow-card-header{gap:8px;margin-bottom:2px}.responsive-tvshow-header{flex-direction:column;align-items:flex-start;gap:4px}.tvshow-title-subtitle{width:100%}.tvshow-title-subtitle .tvshow-title{font-size:1rem;margin-bottom:1px}.tvshow-title-subtitle .tvshow-subtitle{font-size:.97rem;margin-bottom:0}.tvshow-rating{font-size:.98rem;padding:3px 8px;border-radius:6px;margin-right:0;margin-bottom:2px}}.quiz-page{max-width:700px;margin:48px auto 0;padding:16px 16px 64px;background:#f8f5f1;border-radius:24px;box-shadow:0 8px 32px #3e2c1c1a;position:relative;min-height:80vh;display:flex;flex-direction:column;justify-content:center}.quiz-welcome,.quiz-container,.quiz-completed{background:#fffdfa;border-radius:16px;padding:32px;box-shadow:0 2px 16px #3e2c1c14;border:1.5px solid #e9e1d6}.quiz-completed{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.quiz-title{font-size:2.2rem;font-weight:800;margin:0 0 16px;letter-spacing:-1px;color:#3e2c1c}.quiz-intro{font-size:1.05rem;color:#6d4c2c;margin:0 0 24px;opacity:.92;line-height:1.6}.quiz-name-section{display:flex;flex-direction:column;gap:12px;margin-top:24px}.quiz-name-section label{font-weight:600;color:#3e2c1c;font-size:1rem}.quiz-name-input{padding:10px 14px;border:1.5px solid #e9e1d6;border-radius:8px;font-size:1rem;font-family:Inter,sans-serif;outline:none;transition:border .18s;background:#fff;color:#3e2c1c}.quiz-name-input:focus{border:1.5px solid #8a1538}.quiz-start-btn,.quiz-submit-btn,.quiz-restart-btn{background:#f6c244;border:none;border-radius:8px;padding:10px 18px;font-weight:600;color:#3e2c1c;cursor:pointer;transition:background .18s,color .18s;box-shadow:0 1px 4px #3e2c1c0f;font-size:1.05rem}.quiz-start-btn:hover,.quiz-submit-btn:hover,.quiz-restart-btn:hover{background:#8a1538;color:#fff}.quiz-start-btn:disabled,.quiz-submit-btn:disabled{opacity:.5;cursor:not-allowed}.quiz-header{margin-bottom:28px}.quiz-progress{margin-top:16px}.progress-text{font-weight:600;color:#3e2c1c;margin-bottom:8px;font-size:.95rem}.progress-bar-container{height:6px;background:#e9e1d6;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:#8a1538;transition:width .3s ease}.quiz-question-box{margin:32px 0}.quiz-question-text{font-size:1.4rem;font-weight:700;color:#3e2c1c;margin:0 0 24px;line-height:1.5}.quiz-choices,.quiz-text-input-container{display:flex;flex-direction:column;gap:12px}.quiz-text-input{padding:14px 16px;border:1.5px solid #e9e1d6;border-radius:8px;font-size:1.02rem;font-family:Inter,sans-serif;color:#3e2c1c;background:#fff;outline:none;transition:all .18s;min-height:44px}.quiz-text-input:hover{border:1.5px solid #8a1538;background:#8a153803}.quiz-text-input:focus{border:1.5px solid #8a1538;background:#fff;box-shadow:0 0 0 3px #8a153814}.quiz-number-input-container{display:flex;flex-direction:column;gap:12px}.quiz-number-input{padding:14px 16px;border:1.5px solid #e9e1d6;border-radius:8px;font-size:1.02rem;font-family:Inter,sans-serif;color:#3e2c1c;background:#fff;outline:none;transition:all .18s;min-height:44px}.quiz-number-input:hover{border:1.5px solid #8a1538;background:#8a153803}.quiz-number-input:focus{border:1.5px solid #8a1538;background:#fff;box-shadow:0 0 0 3px #8a153814}.number-hint{font-size:.9rem;color:#8a6a4f;margin:0;opacity:.85;font-weight:500}.quiz-choice{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border:1.5px solid #e9e1d6;border-radius:8px;cursor:pointer;transition:all .18s;text-align:left;font-family:Inter,sans-serif;font-size:1.02rem;color:#3e2c1c}.quiz-choice:hover{border:1.5px solid #8a1538;background:#8a153805}.quiz-choice.selected{background:#8a1538;color:#fff;border:1.5px solid #8a1538;box-shadow:0 4px 12px #8a153826}.choice-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#3e2c1c14;border-radius:6px;font-weight:700;flex-shrink:0}.quiz-choice.selected .choice-letter{background:#fff3}.choice-text{flex:1}.quiz-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:32px}.quiz-nav-btn{background:#f6c244;border:none;border-radius:8px;padding:8px 16px;font-weight:600;color:#3e2c1c;cursor:pointer;transition:background .18s,color .18s;box-shadow:0 1px 4px #3e2c1c0f;font-size:.95rem}.quiz-nav-btn:hover:not(:disabled){background:#8a1538;color:#fff}.quiz-nav-btn:disabled{opacity:.4;cursor:not-allowed}.quiz-status{font-weight:600;color:#6d4c2c;font-size:.95rem}.result-name{font-size:1.3rem;font-weight:600;color:#3e2c1c;margin:0 0 16px}.result-score{font-size:2.5rem;font-weight:800;color:#8a1538;margin:16px 0}.result-percentage{font-size:1.4rem;font-weight:700;color:#f6c244;margin:0 0 24px}.quiz-result-box{padding:32px;background:#f8f5f1;border-radius:12px;border:1.5px solid #e9e1d6;margin:16px 0}@media(max-width:600px){.quiz-page{max-width:98vw;margin:80px 0 0;padding:18px 2vw 32px;border-radius:12px;box-shadow:0 2px 12px #3e2c1c1a}.quiz-welcome,.quiz-container,.quiz-completed{padding:20px 16px;border-radius:10px;box-shadow:0 1px 8px #3e2c1c1a}.quiz-title{font-size:1.6rem;margin-bottom:12px}.quiz-intro{font-size:.98rem;margin-bottom:18px}.quiz-question-text{font-size:1.15rem;margin-bottom:16px}.quiz-choice{padding:12px;font-size:.95rem;gap:10px}.choice-letter{width:28px;height:28px;font-size:.9rem}.quiz-text-input,.quiz-number-input{padding:12px;font-size:1rem;min-height:42px}.number-hint{font-size:.85rem}.quiz-navigation{flex-wrap:wrap;gap:10px;margin-top:20px}.quiz-nav-btn{flex:1;min-width:120px;font-size:.9rem}.quiz-submit-btn{flex:1;min-width:120px}.quiz-status{width:100%;text-align:center;order:-1;margin-bottom:10px}.result-score{font-size:2rem}.result-percentage{font-size:1.2rem}.quiz-result-box{padding:20px}}.coding-page{padding:100px 10%;color:var(--brown);background:linear-gradient(135deg,#f4efe8,#faf8f3);min-height:100vh;margin-top:60px}.coding-header{text-align:center;margin-bottom:60px}.coding-title{font-size:3.2rem;font-weight:800;margin:0 0 16px;background:#3e2c1c;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.coding-subtitle{font-size:1.3rem;color:var(--accent);font-weight:500;margin:0;letter-spacing:.5px}.coding-intro{max-width:900px;margin:0 auto 80px;text-align:center}.coding-intro p{font-size:1.15rem;line-height:1.8;color:var(--brown);font-weight:400;margin:0}.code-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-bottom:100px;max-width:1400px;margin-left:auto;margin-right:auto}.code-card{background:#fff;border-radius:16px;padding:32px;border-top:5px solid var(--accent);cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #00000014;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.05)}.code-card:hover{box-shadow:0 20px 50px #0000001f;transform:translateY(-4px)}.code-card.expanded{background:linear-gradient(135deg,#fff,#fafaf9)}.code-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.code-card-title-section{display:flex;gap:16px;align-items:flex-start;flex:1}.code-emoji{font-size:2.4rem;display:flex;align-items:center;justify-content:center;min-width:50px;min-height:50px;background:#fac24426;border-radius:12px}.code-card h3{font-size:1.6rem;font-weight:700;margin:0 0 6px;color:var(--brown)}.code-language{font-size:.9rem;color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.expand-icon{font-size:1.2rem;color:var(--accent);display:flex;align-items:center;justify-content:center;margin-top:4px;transition:transform .3s ease}.code-description{font-size:1rem;line-height:1.6;color:#666;margin:0;font-weight:400}.code-snippet-container{width:100%;overflow:hidden}.code-snippet{background:linear-gradient(135deg,#1e1e1e,#2d2d2d);color:#d4d4d4;padding:20px;border-radius:12px;font-size:.95rem;line-height:1.6;overflow-x:auto;overflow-y:hidden;margin:0;font-family:Monaco,Courier New,monospace;font-weight:500;box-shadow:inset 0 2px 8px #0000004d;word-wrap:break-word;white-space:pre-wrap;word-break:break-word}.code-snippet code{color:#d4d4d4}.code-snippet.javascript,.code-snippet.jsx,.code-snippet.python,.code-snippet.java{--keyword: #569cd6;--string: #ce9178;--comment: #6a9955;--function: #dcdcaa;--number: #b5cea8}.tech-stack-section{background:#fff;border-radius:16px;padding:60px;box-shadow:0 10px 40px #00000014;margin-bottom:80px;border:1px solid rgba(0,0,0,.05)}.tech-stack-section h2{text-align:center;font-size:2.2rem;font-weight:700;margin:0 0 50px;color:var(--brown)}.build-stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px}.build-card{background:#fff;border:1.5px solid rgba(0,0,0,.06);border-radius:14px;padding:28px;transition:all .3s ease;box-shadow:0 8px 24px #00000014}.build-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0000001f;border-color:var(--accent)}.build-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.build-emoji{font-size:2.2rem;display:flex;align-items:center;justify-content:center;min-width:50px}.build-card h3{font-size:1.4rem;font-weight:700;margin:0;color:var(--brown)}.build-description{font-size:.95rem;line-height:1.6;color:#666;margin:0 0 20px}.build-expand-btn{background:linear-gradient(135deg,#f4efe8,#faf8f3);border:1.5px solid rgba(138,106,79,.2);color:var(--brown);padding:10px 18px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;margin-bottom:16px}.build-expand-btn:hover{background:linear-gradient(135deg,#e9e1d6,#f0e8dd);border-color:var(--accent);color:var(--accent)}.build-snippet{background:linear-gradient(135deg,#1e1e1e,#2d2d2d);color:#d4d4d4;padding:18px;border-radius:10px;font-size:.85rem;line-height:1.5;overflow-x:auto;margin:0;font-family:Monaco,Courier New,monospace;font-weight:500;box-shadow:inset 0 2px 8px #0000004d;word-wrap:break-word;white-space:pre-wrap;word-break:break-word}.cta-section{text-align:center;padding:60px;background:linear-gradient(135deg,#3e2c1c,#5a4630);border-radius:16px;color:#fff;box-shadow:0 20px 50px #3e2c1c40;margin-bottom:60px}.cta-section p{font-size:1.4rem;font-weight:600;margin:0 0 24px}.cta-button{display:inline-block;padding:16px 40px;background:var(--gold);color:var(--brown);text-decoration:none;border-radius:10px;font-weight:700;font-size:1.05rem;transition:all .3s ease;box-shadow:0 8px 20px #f6c2444d;border:2px solid var(--gold)}.cta-button:hover{transform:translateY(-4px);box-shadow:0 12px 28px #f6c24466;background:#fff;color:var(--gold)}@media(max-width:1024px){.coding-page{padding:80px 6%}.code-cards-grid{gap:24px}.code-card{padding:28px}}@media(max-width:768px){.coding-page{padding:60px 4%;margin-top:60px}.coding-title{font-size:2.2rem;margin-bottom:12px}.coding-subtitle{font-size:1rem;letter-spacing:0}.coding-intro{margin-bottom:50px}.coding-intro p{font-size:1rem;line-height:1.6}.code-cards-grid{grid-template-columns:1fr;gap:16px;margin-bottom:50px}.code-card{padding:20px;border-top:4px solid var(--accent)}.code-card-header{margin-bottom:12px}.code-card-title-section{gap:12px}.code-emoji{font-size:1.8rem;min-width:40px;min-height:40px}.code-card h3{font-size:1.3rem}.code-language{font-size:.8rem}.expand-icon{font-size:1rem}.code-description{font-size:.95rem;line-height:1.5}.code-snippet{font-size:.8rem;padding:14px;line-height:1.4;border-radius:8px}.tech-stack-section{padding:40px 20px;margin-bottom:50px;border-radius:12px}.tech-stack-section h2{font-size:1.8rem;margin-bottom:40px}.build-stack-grid{grid-template-columns:repeat(2,1fr);gap:12px}.build-card{padding:20px 12px;border-radius:10px}.build-emoji{font-size:1.8rem;min-width:40px}.build-card h3{font-size:1.1rem;margin-bottom:6px}.build-description{font-size:.85rem}.build-snippet{font-size:.75rem;padding:12px;line-height:1.3}.cta-section{padding:40px 20px;margin-bottom:40px;border-radius:12px}.cta-section p{font-size:1.15rem;margin-bottom:20px}.cta-button{padding:12px 28px;font-size:.95rem}}@media(max-width:600px){.coding-page{padding:40px 3%;margin-top:60px}.coding-header{margin-bottom:40px}.coding-title{font-size:1.8rem;letter-spacing:0;margin-bottom:8px}.coding-subtitle{font-size:.95rem}.coding-intro{margin-bottom:40px}.coding-intro p{font-size:.95rem;line-height:1.5}.code-cards-grid{grid-template-columns:1fr;gap:12px;margin-bottom:40px}.code-card{padding:16px;border-top:3px solid var(--accent)}.code-card-header{flex-direction:column;gap:10px;margin-bottom:10px}.code-card-title-section{flex-direction:column;gap:8px;width:100%}.code-emoji{font-size:1.6rem;min-width:36px;min-height:36px;margin-bottom:4px}.code-card h3{font-size:1.15rem;margin-bottom:4px}.code-language{font-size:.75rem;letter-spacing:0}.expand-icon{font-size:.9rem;align-self:flex-end;margin-top:-25px}.code-description{font-size:.9rem;line-height:1.5;margin:0}.code-snippet-container{margin-top:12px!important}.code-snippet{font-size:.75rem;padding:10px;line-height:1.3;word-break:break-word;white-space:pre-wrap;border-radius:6px}.tech-stack-section{padding:30px 15px;margin-bottom:40px}.tech-stack-section h2{font-size:1.5rem;margin-bottom:30px}.build-stack-grid{grid-template-columns:1fr;gap:12px}.build-card{padding:16px 12px;border-radius:8px}.build-emoji{font-size:1.6rem;min-width:36px}.build-card h3{font-size:1rem;margin-bottom:4px}.build-description{font-size:.8rem;line-height:1.3}.build-snippet{font-size:.7rem;padding:10px;line-height:1.2}.build-expand-btn{padding:8px 14px;font-size:.8rem}.cta-section{padding:30px 15px;margin-bottom:30px;border-radius:10px}.cta-section p{font-size:1rem;margin-bottom:16px}.cta-button{padding:10px 24px;font-size:.9rem}}@media(max-width:380px){.coding-page{padding:30px 3%;margin-top:60px}.coding-title{font-size:1.5rem}.coding-subtitle{font-size:.85rem}.code-card{padding:12px}.code-emoji{font-size:1.4rem;min-width:32px;min-height:32px}.code-card h3{font-size:1rem}.code-description{font-size:.85rem}.code-snippet{font-size:.7rem;padding:8px}.tech-stack-section h2{font-size:1.3rem}.build-stack-grid{grid-template-columns:1fr}.build-card{padding:12px}.build-emoji{font-size:1.4rem;min-width:28px}.build-card h3{font-size:.95rem}.build-description{font-size:.75rem}.build-snippet{font-size:.65rem;padding:6px}.cta-section p{font-size:.95rem}}.travel-section{position:relative;padding:80px 20px;background:#f8f5f1;color:#fff;text-align:center}.travel-header{max-width:700px;margin:0 auto 40px}.travel-header h1{font-size:2.5rem;color:#3e2c1c;margin-bottom:15px}.travel-header p{opacity:.8;font-size:1.1rem;color:#6d4c2c}.globe-wrapper{width:100%;max-width:1000px;height:600px;margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000080;position:relative}.globe-canvas{width:100%;height:100%}.popup-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;z-index:999999}.popup-card{pointer-events:auto;width:90%;max-width:420px;margin-bottom:30px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px 20px 15px;border-radius:18px;box-shadow:0 25px 60px #0006;animation:slideUp .25s ease;color:#2c2c2c;position:relative}.popup-header{position:relative;padding-right:30px}.popup-header h2{margin:0;font-size:1.5rem;color:#3e2c1c}.popup-caption{display:block;font-size:.85rem;color:#6d4c2c;opacity:.8;margin-top:4px}.popup-close{position:absolute;top:0;right:0;background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#3e2c1c;line-height:1;padding:5px 10px}.popup-body{margin-top:15px;font-size:1rem;line-height:1.5;color:#3e2c1c}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}