.navbar{z-index:1000;background-color:#000;border:1px solid #ffffff1a;border-radius:50px;width:90%;max-width:1000px;padding:.5rem 1rem;transition:all .9s cubic-bezier(.16,1,.3,1);position:fixed;top:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}.navbar.scrolled{background-color:#000;border:1px solid #ffffff26;padding:.5rem 1rem;box-shadow:0 15px 40px #00000080}.navbar.hidden{transform:translate(-50%,-150%)}.navbar-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.logo{letter-spacing:-.5px;color:var(--text);font-size:1.5rem;font-weight:800;transition:transform .2s}.logo span{color:var(--accent)}.logo:hover{transform:scale(1.05)}.nav-links{gap:2rem;display:flex}.nav-links a{font-size:.95rem;font-weight:500;transition:color .3s;position:relative}.nav-links a:after{content:"";background-color:var(--accent);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--accent)}.nav-links a:hover:after{width:100%}.theme-toggle{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;font-size:1.25rem;transition:all .3s;display:flex}.theme-toggle:hover{background-color:var(--glass-border);transform:rotate(15deg)scale(1.1)}.nav-socials{align-items:center;gap:.5rem;display:flex}.social-icon{color:var(--text);opacity:.7;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .3s;display:flex}.social-icon:hover{opacity:1;color:var(--accent);background-color:var(--glass-border);transform:translateY(-2px)}@media (width<=768px){.nav-links{display:none}}[data-theme=light] .navbar{background-color:#bbb;border:1px solid #00000026;box-shadow:0 10px 30px #0000001a}[data-theme=light] .navbar.scrolled{background-color:#bbbbbbf2;border:1px solid #0003;box-shadow:0 15px 40px #00000026}.hero-section{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:0 20px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:1;max-width:800px;animation:1s forwards fadeInUp;position:relative}.greeting{color:var(--accent);letter-spacing:2px;text-transform:uppercase;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.name{color:var(--text);margin-bottom:1.5rem;font-size:clamp(3rem,8vw,5rem);font-weight:800;line-height:1.1;animation:4s ease-in-out infinite floatText;display:inline-block}.subtitle{color:var(--text);opacity:.8;margin-bottom:2.5rem;font-size:clamp(1rem,3vw,1.25rem);line-height:1.6}.cta-group{justify-content:center;gap:1rem;display:flex}.btn{cursor:pointer;border:2px solid #0000;border-radius:30px;padding:.8rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{transform:translateY(-3px)}.btn-outline{color:var(--text);border-color:var(--glass-border);background-color:#0000}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background-color:var(--glass-bg);transform:translateY(-3px)}.btn-download{color:var(--text);background:0 0;background-image:linear-gradient(var(--background), var(--background)), linear-gradient(135deg, var(--accent), #00d2ff);background-origin:border-box;background-clip:padding-box,border-box;border:2px solid #0000;align-items:center;gap:.5rem;transition:all .3s;display:flex}.btn-download:hover{box-shadow:0 8px 25px hsla(var(--accent-hue), var(--accent-sat), 50%, .4);transform:translateY(-3px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes floatText{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.typing-cursor{color:var(--accent);margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.dynamic-text{color:var(--accent);font-weight:600}.static-text{opacity:.8}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (width>=768px){.mobile-break{display:none}}.projects-section{width:100%}.filter-group{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.filter-btn{background-color:var(--glass-bg);color:var(--text);border:1px solid var(--glass-border);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:20px;padding:.5rem 1.5rem;font-weight:500;transition:all .3s}.filter-btn:hover,.filter-btn.active{background-color:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 15px hsla(var(--accent-hue), 80%, 50%, .4);transform:translateY(-2px)}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:stretch;gap:2rem;width:100%;display:grid}.project-card-placeholder{border-radius:20px;min-height:560px;animation:.5s backwards scaleIn;position:relative}.project-card{background-color:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);z-index:1;cursor:default;border-radius:20px;flex-direction:column;width:100%;min-height:100%;transition:width .45s cubic-bezier(.4,0,.2,1),height .45s cubic-bezier(.4,0,.2,1),border-color .35s,box-shadow .35s,transform .35s,z-index 0s linear .45s;display:flex;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.project-card-placeholder:hover .project-card{border-color:var(--accent);width:175%;box-shadow:0 24px 48px #00000080, 0 0 30px hsla(var(--accent-hue), 80%, 50%, .25);z-index:100;transition:width .45s cubic-bezier(.4,0,.2,1),height .45s cubic-bezier(.4,0,.2,1),border-color .35s,box-shadow .35s,transform .35s,z-index linear;transform:translate(-50%)translateY(-4px)}.project-image-container{border-bottom:1px solid var(--glass-border);background-color:var(--background);justify-content:center;align-items:center;width:100%;height:240px;padding:.75rem .75rem 0;display:flex;overflow:hidden}.project-image{object-fit:contain;border-radius:20px 20px 0 0;width:100%;height:100%;transition:transform .5s}.project-card-placeholder:hover .project-image{transform:scale(1.05)}.project-top{padding:1.75rem 1.75rem 1rem}.project-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.project-category{text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);background:hsla(var(--accent-hue), 80%, 50%, .12);border-radius:30px;padding:.3rem .85rem;font-size:.78rem;font-weight:700}.project-links{gap:1rem;display:flex}.icon-link{color:var(--text);opacity:.5;align-items:center;transition:all .3s;display:flex}.icon-link:hover{opacity:1;color:var(--accent);transform:translateY(-2px)}.project-title{color:var(--text);margin-bottom:1rem;font-size:1.25rem;font-weight:700;line-height:1.3}.project-tech-list{flex-wrap:wrap;gap:.45rem;margin-bottom:.75rem;display:flex}.tech-badge{color:var(--text);opacity:.85;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.25rem .65rem;font-family:Fira Code,monospace;font-size:.7rem;transition:all .3s}.project-card-placeholder:hover .tech-badge{border-color:hsla(var(--accent-hue), 80%, 50%, .35);background-color:hsla(var(--accent-hue), 80%, 50%, .07)}.expand-hint{color:var(--accent);opacity:.6;letter-spacing:.4px;margin-top:auto;padding:.75rem 1.75rem 1.1rem;font-size:.75rem;font-weight:600;transition:opacity .3s,max-height .3s}.project-card-placeholder:hover .expand-hint{opacity:0;height:0;overflow:hidden}.project-details{max-height:0;transition:max-height .5s cubic-bezier(.4,0,.2,1);overflow:hidden}.project-card-placeholder:hover .project-details{max-height:500px}.project-description{border-top:1px solid #ffffff14;margin:0;padding:1rem 1.75rem 1.75rem;list-style:none}.project-description li{color:var(--text);opacity:.82;margin-bottom:.85rem;padding-left:1.4rem;font-size:.9rem;line-height:1.65;position:relative}.project-description li:last-child{margin-bottom:0}.project-description li:before{content:"▹";color:var(--accent);font-weight:700;position:absolute;left:0}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=768px){.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-card-placeholder{min-height:auto}.project-card{width:100%;min-height:auto;position:relative;left:0;transform:none}.project-card-placeholder:hover .project-card{z-index:10;width:100%;transform:translateY(-4px)}.project-details{max-height:2000px}.expand-hint{display:none}.project-image-container{height:200px}}.interactive-bg-wrapper{z-index:-1;background-color:#0b0c10;width:100vw;height:100vh;transition:background-color .5s;position:fixed;top:0;left:0;overflow:hidden}.zen-canvas{z-index:1;filter:drop-shadow(0 0 3px #61dafb66);width:100%;height:100%;display:block;position:absolute;top:0;left:0}.tech-glow-overlay{z-index:2;pointer-events:none;background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}[data-theme=light] .interactive-bg-wrapper{background-color:#faf9f9}[data-theme=light] .tech-glow-overlay{background:radial-gradient(circle at 100% 0,#61dafb26 0%,#0000 50%),radial-gradient(circle at 0 100%,#47a2481f 0%,#0000 60%)}[data-theme=light] .zen-canvas{filter:drop-shadow(0 4px 6px #61dafb4d)}.about-me{width:100%;position:relative}.subtitle{color:var(--text);opacity:.7;margin-top:-1rem;font-size:1.1rem}.ide-window{-webkit-backdrop-filter:blur(20px);color:#c9d1d9;background:#0d1117d9;border:1px solid #ffffff1a;border-radius:12px;width:100%;max-width:900px;margin:0 auto;font-family:Fira Code,Consolas,Monaco,monospace;transition:transform .3s;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.ide-window:hover{transform:translateY(-5px)}[data-theme=light] .ide-window{color:#24292e;background:#ffffffd9;border:1px solid #0000001a}.ide-header{background:#0003;border-bottom:1px solid #ffffff0d;align-items:center;padding:.75rem 1rem;display:flex}[data-theme=light] .ide-header{background:#f6f8facc;border-bottom:1px solid #0000000d}.window-controls{gap:.5rem;display:flex}.control{border-radius:50%;width:12px;height:12px}.control.close{background-color:#ff5f56}.control.minimize{background-color:#ffbd2e}.control.maximize{background-color:#27c93f}.ide-title{text-align:center;opacity:.6;flex:1;padding-right:60px;font-family:-apple-system,sans-serif;font-size:.85rem}.ide-body{flex-direction:column;height:500px;display:flex}@media (width>=768px){.ide-body{flex-direction:row}}.ide-sidebar{background:#0000001a;border-bottom:1px solid #ffffff0d;width:100%;padding:1rem 0}[data-theme=light] .ide-sidebar{background:#00000005;border-bottom:none;border-right:1px solid #0000000d}@media (width>=768px){.ide-sidebar{border-bottom:none;border-right:1px solid #ffffff0d;width:220px}}.sidebar-header{opacity:.5;letter-spacing:1px;padding:0 1rem .5rem;font-family:-apple-system,sans-serif;font-size:.75rem}.sidebar-folder{cursor:pointer;align-items:center;gap:.5rem;padding:.25rem 1rem;font-size:.9rem;display:flex}.file-tree{margin-top:.25rem;list-style:none}.file-item{cursor:pointer;opacity:.7;align-items:center;gap:.5rem;padding:.35rem 1rem .35rem 2.2rem;font-size:.85rem;transition:all .2s;display:flex}.file-item:hover,.file-item.active{opacity:1;background:#ffffff0d}[data-theme=light] .file-item:hover,[data-theme=light] .file-item.active{background:#0000000d}.file-item.active{color:var(--accent)}.file-icon{text-align:center;width:16px;font-size:.7rem;font-weight:700;display:inline-block}.file-icon.ts{color:#3178c6}.file-icon.json{color:#f3df49}.file-icon.md{color:#69a3df;font-size:.9rem}.ide-editor{flex-direction:column;flex:1;display:flex;overflow:hidden}.editor-tabs{background:#0003;display:flex;overflow-x:auto}[data-theme=light] .editor-tabs{background:#00000008}.editor-tab{cursor:pointer;opacity:.6;white-space:nowrap;border-right:1px solid #ffffff0d;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.85rem;transition:all .2s;display:flex}[data-theme=light] .editor-tab{border-right:1px solid #0000000d}.editor-tab:hover{opacity:1}.editor-tab.active{opacity:1;border-top:2px solid var(--accent);background:0 0}[data-theme=light] .editor-tab.active{background:0 0}.editor-viewport{flex:1;display:flex;position:relative;overflow-y:auto}.line-numbers{text-align:right;opacity:.3;-webkit-user-select:none;user-select:none;min-width:3rem;padding:1rem .5rem;font-size:.9rem;line-height:1.6}.code-area{flex:1;padding:1rem;font-size:.9rem;line-height:1.6;position:relative;overflow-x:auto}.type-animation{white-space:nowrap;animation:.5s steps(20,end) typing;overflow:hidden}@keyframes typing{0%{opacity:0;width:0}to{opacity:1;width:100%}}.code-line{white-space:pre}.indent-1{padding-left:2rem}.indent-2{padding-left:4rem}.token-keyword{color:#ff7b72}.token-variable{color:#79c0ff}.token-operator{color:#c9d1d9}.token-string{color:#a5d6ff}.token-property{color:#d2a8ff}.token-comment{color:#8b949e;font-style:italic}.token-function{color:#d2a8ff}[data-theme=light] .token-keyword{color:#d73a49}[data-theme=light] .token-variable{color:#005cc5}[data-theme=light] .token-operator{color:#24292e}[data-theme=light] .token-string{color:#032f62}[data-theme=light] .token-property{color:#22863a}[data-theme=light] .token-comment{color:#6a737d}[data-theme=light] .token-function{color:#6f42c1}.markdown-view{white-space:normal;font-family:-apple-system,sans-serif}.md-h1{color:#58a6ff;font-size:1.5rem;font-weight:600}.md-h2{color:#79c0ff;font-size:1.2rem;font-weight:600}.md-p{opacity:.9;margin-bottom:1rem}.md-ul{opacity:.9;margin-bottom:1rem;padding-left:1.5rem}.md-bold{color:var(--accent);font-weight:700}.md-quote{border-left:4px solid var(--accent);opacity:.8;background:#ffffff0d;border-radius:0 8px 8px 0;padding:1rem;font-style:italic}[data-theme=light] .md-h1{color:#0366d6}[data-theme=light] .md-h2{color:#005cc5}[data-theme=light] .md-quote{background:#00000008}.blinking-cursor{background-color:var(--accent);vertical-align:middle;width:8px;height:1.2rem;margin-top:1rem;margin-left:4px;animation:1s step-end infinite blink;display:inline-block}.skills{width:100%;padding:4rem 0}.section-header{text-align:center;margin-bottom:4rem}.skills{width:100%;min-height:800px;padding:4rem 0;position:relative}.section-header{text-align:center;z-index:5;pointer-events:none;margin-bottom:4rem;position:relative}.section-header .subtitle{color:var(--text);opacity:.7;font-size:1.1rem}.global-physics-canvas{z-index:9999;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.buckets-container{z-index:5;pointer-events:none;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:1400px;margin:0 auto;display:grid;position:relative}@media (width>=768px){.buckets-container{gap:2rem}}@media (width>=1200px){.buckets-container{grid-template-columns:repeat(4,1fr)}}.bucket-wrapper{flex-direction:column;gap:1.5rem;display:flex}.bucket-card{background:var(--bucket-bg);border:3px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:200px;box-shadow:inset 0 -10px 30px var(--shadow-color), 0 10px 20px var(--shadow-color);border-top:none;border-radius:0 0 30px 30px;transition:background-color .3s,border-color .3s,box-shadow .3s;position:relative;overflow:visible;-webkit-mask-image:linear-gradient(#0000 0%,#000 20% 100%);mask-image:linear-gradient(#0000 0%,#000 20% 100%)}.bucket-label{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.bucket-icon{background:hsla(var(--accent-hue), var(--accent-sat), 50%, .1);border-radius:10px;justify-content:center;align-items:center;width:35px;height:35px;font-size:1.5rem;display:flex}.bucket-label h3{color:var(--text);margin:0;font-size:.9rem;line-height:1.2}@media (width>=768px){.bucket-card{border-radius:0 0 40px 40px;height:350px}.bucket-label{flex-direction:row;gap:1rem}.bucket-icon{border-radius:12px;width:45px;height:45px;font-size:1.8rem}.bucket-label h3{font-size:1.2rem}}.tutorial-hand{pointer-events:none;z-index:10001;filter:drop-shadow(0 3px 8px #0009);will-change:left, top, opacity;font-size:2.2rem;transition:opacity .25s;animation:.35s ease-in-out infinite alternate hand-pulse;position:fixed;transform:translate(-40%,-110%)}@keyframes hand-pulse{0%{transform:translate(-40%,-110%)rotate(-10deg)scale(1)}to{transform:translate(-40%,-90%)rotate(5deg)scale(1.08)}}.experience{width:100%}.timeline{max-width:900px;margin:0 auto;padding:2rem 0;position:relative}.timeline:before{content:"";background:var(--glass-border);width:2px;height:100%;box-shadow:0 0 10px hsla(var(--accent-hue), var(--accent-sat), 50%, .5);border-radius:2px;position:absolute;top:0;left:20px}.timeline-item{margin-bottom:3rem;padding-left:60px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background:var(--accent);border:3px solid var(--background);width:14px;height:14px;box-shadow:0 0 15px var(--accent);z-index:2;border-radius:50%;transition:transform .3s;position:absolute;top:15px;left:14px}.timeline-item:hover .timeline-dot{transform:scale(1.3)}.timeline-content{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px var(--shadow-color);border-radius:16px;padding:2rem;transition:transform .3s,box-shadow .3s,border-color .3s}.timeline-content:hover{box-shadow:0 15px 40px var(--shadow-color);border-color:var(--accent);transform:translateY(-5px)}.timeline-period{background:hsla(var(--accent-hue), var(--accent-sat), 50%, .1);color:var(--accent);border-radius:20px;margin-bottom:1rem;padding:.3rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}[data-theme=light] .timeline-period{background:hsla(var(--accent-hue), var(--accent-sat), 50%, .15)}.timeline-title{color:var(--text);margin-bottom:.2rem;font-size:1.5rem}.timeline-company{color:var(--text);opacity:.7;margin-bottom:1rem;font-size:1.1rem;font-weight:500}.timeline-highlight p{color:var(--text);opacity:.85;margin:0;line-height:1.5}.hover-hint{color:var(--accent);opacity:.6;margin-top:.8rem;font-size:.8rem;font-weight:600;transition:opacity .3s;display:block}.timeline-content:hover .hover-hint{opacity:0}.timeline-full-details{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1),opacity .4s,margin-top .4s;display:grid}.timeline-full-details-inner{overflow:hidden}.timeline-content:hover .timeline-full-details{opacity:1;grid-template-rows:1fr;margin-top:1rem}.timeline-desc-list{color:var(--text);opacity:.8;margin:0;padding-left:1.2rem;line-height:1.6}.timeline-desc-list li{margin-bottom:.5rem}.timeline-desc-list li:last-child{margin-bottom:0}.contact-container{background:var(--glass-bg);border:1px solid var(--glass-border);width:100%;max-width:1000px;box-shadow:0 8px 32px var(--shadow-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;grid-template-columns:1fr 1.5fr;gap:4rem;padding:3rem;display:grid}.contact-info h3{color:var(--text);margin-bottom:1rem;font-size:2rem}.contact-info p{color:var(--text);opacity:.8;margin-bottom:2rem;line-height:1.6}.info-items{flex-direction:column;gap:1.5rem;display:flex}.info-item{align-items:center;gap:1rem;display:flex}.info-item .icon{background:var(--accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem}.info-item p{opacity:1;margin:0;font-weight:500}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-group input,.form-group textarea{border:1px solid var(--glass-border);width:100%;color:var(--text);background:#0000001a;border-radius:12px;padding:1rem 1.5rem;font-family:inherit;font-size:1rem;transition:all .3s}[data-theme=light] .form-group input,[data-theme=light] .form-group textarea{background:#ffffff80}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px hsla(var(--accent-hue), var(--accent-sat), 50%, .1);background:#0003;outline:none}[data-theme=light] .form-group input:focus,[data-theme=light] .form-group textarea:focus{background:#fff}.submit-btn{border-radius:12px;justify-content:center;align-items:center;gap:.6rem;width:100%;margin-top:.5rem;padding:1rem;font-size:1.1rem;transition:opacity .3s,transform .3s;display:flex}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.form-feedback{text-align:center;border-radius:12px;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;animation:.4s fadeIn}.form-feedback.success{color:#5cd685;background:#33cc661f;border:1px solid #33cc6659}.form-feedback.error{color:#e46767;background:#d926261a;border:1px solid #d9262659}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.contact-container{grid-template-columns:1fr;gap:3rem;padding:2rem}}.scroll-to-top{z-index:99999;opacity:0;visibility:hidden;cursor:pointer;transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:fixed;bottom:2rem;right:2rem;transform:translateY(30px)}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.rocket-btn-wrapper{transform-origin:bottom;filter:drop-shadow(0 6px 15px #0006);flex-direction:column;align-items:center;width:52px;transition:transform .3s;display:flex;position:relative;transform:scale(.9)}.scroll-to-top:hover .rocket-btn-wrapper{filter:drop-shadow(0 10px 25px #0009) drop-shadow(0 0 15px hsla(var(--accent-hue), var(--accent-sat), 50%, .4));transform:scale(.9)translateY(-6px)}.creative-btn{-webkit-backdrop-filter:blur(12px);cursor:pointer;z-index:2;background:#0f172ad9;border:none;justify-content:center;align-items:center;width:50px;height:50px;padding:0;transition:all .3s;display:flex;position:relative;overflow:hidden;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cg transform='rotate(-45 12 12)'%3E%3Cpath d='M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z'/%3E%3Cpath d='m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z'/%3E%3Cpath d='M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0'/%3E%3Cpath d='M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cg transform='rotate(-45 12 12)'%3E%3Cpath d='M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z'/%3E%3Cpath d='m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z'/%3E%3Cpath d='M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0'/%3E%3Cpath d='M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.fuel-fill-container{z-index:1;width:100%;height:100%;transition:transform .1s linear;position:absolute;top:0;left:0}.wave-surface{width:200%;display:flex;position:absolute;left:0}.wave-surface svg{width:50%;height:100%}.layer-1{height:15px;fill:hsl(var(--accent-hue), var(--accent-sat), 50%);z-index:2;animation:2s linear infinite wave-slide;top:-14px}.layer-2{height:21px;fill:hsla(var(--accent-hue), var(--accent-sat), 50%, .5);z-index:1;animation:3s linear infinite wave-slide-reverse;top:-20px}.fuel-body{background:hsl(var(--accent-hue), var(--accent-sat), 50%);z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes wave-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes wave-slide-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.scroll-to-top:hover .creative-btn{background:#1e293bf2}.exhaust-flame{opacity:0;transform-origin:top;filter:blur(1px);z-index:0;background:linear-gradient(#ff9d00,#ff2a00,#0000);border-radius:5px;width:8px;height:16px;transition:all .3s;position:absolute;bottom:-12px;transform:scaleY(0)}.scroll-to-top:hover .exhaust-flame,.scroll-to-top.fully-fueled .exhaust-flame{opacity:1;animation:.15s infinite alternate flicker;transform:scaleY(1)}.scroll-to-top.fully-fueled .rocket-btn-wrapper{animation:2s ease-in-out infinite engine-rumble}@keyframes engine-rumble{0%{transform:scale(.9)translateY(0)rotate(0)}5%{transform:scale(.9)translateY(-2px)rotate(1deg)}10%{transform:scale(.9)translateY(0)rotate(-1deg)}15%{transform:scale(.9)translateY(-1px)rotate(1deg)}20%{transform:scale(.9)translateY(0)rotate(0)}to{transform:scale(.9)translateY(0)rotate(0)}}@keyframes flicker{0%{opacity:.8;transform:scaleY(.9)}to{opacity:1;transform:scaleY(1.3)}}main{flex-direction:column;align-items:center;width:100%;display:flex}:root{--bg-hue:210;--bg-sat:20%;--bg-light:98%;--text-hue:220;--text-sat:20%;--text-light:15%;--accent-hue:220;--accent-sat:90%;--accent-light:55%;--glass-bg:#c2ccd699;--glass-border:#fffc;--bucket-bg:#b3bfccbf;--background:hsl(var(--bg-hue), var(--bg-sat), var(--bg-light));--text:hsl(var(--text-hue), var(--text-sat), var(--text-light));--accent:hsl(var(--accent-hue), var(--accent-sat), var(--accent-light));--shadow-color:#1b263214}[data-theme=dark]{--bg-hue:220;--bg-sat:15%;--bg-light:8%;--text-hue:210;--text-sat:15%;--text-light:95%;--accent-hue:260;--accent-sat:90%;--accent-light:70%;--glass-bg:hsla(var(--bg-hue), var(--bg-sat), 8%, .85);--glass-border:hsla(var(--bg-hue), var(--bg-sat), 25%, .5);--bucket-bg:hsla(var(--bg-hue), var(--bg-sat), 5%, .9);--background:hsl(var(--bg-hue), var(--bg-sat), var(--bg-light));--text:hsl(var(--text-hue), var(--text-sat), var(--text-light));--shadow-color:hsla(var(--bg-hue), 10%, 0%, .5)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .5s,color .5s;overflow-x:hidden}a{color:inherit;text-decoration:none}.fixed-background{z-index:-1;background:radial-gradient(circle at 50% 50%, hsla(var(--accent-hue), 30%, var(--bg-light), .2) 0%, var(--background) 100%);width:100vw;height:100vh;position:fixed;top:0;left:0}.fixed-background:after{content:"";background-image:linear-gradient(var(--glass-border) 1px, transparent 1px), linear-gradient(90deg, var(--glass-border) 1px, transparent 1px);opacity:.2;background-size:50px 50px;position:absolute;inset:0}.main-content{z-index:1;position:relative}.section{flex-direction:column;justify-content:center;align-items:center;max-width:1200px;min-height:100vh;margin:0 auto;padding:100px 20px;display:flex}.title{text-align:center;color:var(--text);margin-bottom:2rem;font-size:3rem;font-weight:800}::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scrollbar-width:none}