.background-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/winter.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover}.background-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;pointer-events:none}.navbar{position:sticky;top:0;z-index:50;width:100%;background:#0003;padding:.4rem .5rem;display:flex;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center}.nav-links{max-width:900px;width:100%;display:flex;justify-content:center;gap:.3rem}.nav-link{text-decoration:none;color:var(--text-color);font-size:1rem;padding:.5rem 1rem;border-radius:12px;transition:all .2s ease-in-out;text-shadow:0 0 2px rgba(0,0,0,.5)}@media(max-width:600px){.nav-links{flex-wrap:wrap}.nav-link{font-size:1rem;padding:.5rem 1rem;text-align:center}}.skills-list{display:flex;flex-direction:column;gap:15px;margin-bottom:5px}.skill-item{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:10px}.skill-name{font-weight:700;color:#b0b0b0;transition:all .3s}.skill-bar-container{background-color:#333;border-radius:8px;overflow:hidden;height:10px}.skill-bar{height:100%;background-color:var(--accent-color);border-radius:999px;transition:width .8s ease-out}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.project-card{background-color:var(--card-bg);padding:20px;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;min-width:0;transition:transform .15s,box-shadow .3s}.project-card:hover{transform:scale(1.02)}.project-card:hover .description{color:#fff}.project-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;text-align:center}.project-info h3{font-size:1.4rem;color:var(--accent-color);margin:0}.description{font-size:.95rem;color:#b0b0b0;margin-bottom:20px;flex-grow:1;transition:all .3s}.tag{font-size:.75rem;font-weight:700;padding:5px 10px;border-radius:16px;background-color:var(--text-color);color:#000}.project-link{font-size:.9rem;color:var(--accent-color);text-decoration:none;transition:color .2s;padding:5px 0;display:inline-block}.project-link:hover{color:#fff;text-decoration:underline}.private-link{color:#f66}@media(max-width:600px){.project-grid{grid-template-columns:repeat(1,1fr)}}footer{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0003;color:#e0e0e0;width:100%;padding:.9rem 0;margin-top:2rem;font-size:.9rem;z-index:100}.bottom{display:flex;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:0 1.5rem}.left p{margin:0;text-align:center;color:var(--text-color);letter-spacing:.5px}.container{position:relative;z-index:10;max-width:900px;margin:60px auto;padding:0 20px;display:flex;flex-direction:column;gap:40px}.intro-card,.section{background:var(--card-bg);padding:25px;border-radius:28px;transition:transform .3s,box-shadow .3s;box-shadow:0 0 80px #0098ee33}.intro-card p{color:#b0b0b0;transition:all .3s}.section:hover .skill-name,.intro-card:hover p{color:var(--text-color)}.intro-card:hover,.section:hover{box-shadow:0 0 20px #0098ee80}.section h2{border-bottom:2px solid var(--accent-color);padding-bottom:10px;margin-bottom:25px;font-size:1.8rem;text-align:center}@media(max-width:600px){.container{margin-top:20px;margin-bottom:30px}}.intro-card h2{border-bottom:2px solid var(--accent-color);padding-bottom:10px;margin-bottom:10px;font-size:2rem;text-align:center}.intro-card p{font-size:1.1rem;line-height:1.7;text-align:center}.button-group{display:grid;gap:20px;flex-wrap:wrap;justify-content:center;margin-top:20px;grid-template-columns:repeat(4,1fr)}.header-group{display:flex;align-items:center;justify-content:center;background-color:var(--card-bg);border-radius:28px;padding:25px;transition:transform .3s,box-shadow .3s;box-shadow:0 0 80px #0098ee33}.header-group:hover{box-shadow:0 0 20px #0098ee80}.header-group h1{color:var(--accent-color);font-size:4.5rem}#avatar{width:5rem;height:5rem;border-radius:50%;object-fit:cover;margin-right:1rem;margin-top:1px;transition:transform .3s ease}.btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:.75rem 1.25rem;border-radius:9999px;font-size:1rem;font-weight:700;color:#fff;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.btn-icon{width:24px;height:24px;filter:invert(1)}.btn-discord{background:#5865f2}.btn-discord:hover{box-shadow:0 0 12px #5865f2}.btn-youtube{background:red}.btn-youtube:hover{box-shadow:0 0 12px red}.btn-instagram{background:linear-gradient(to right,#833ab4,#fd1d1d,#fcb045)}.btn-instagram:hover{box-shadow:0 0 12px #833ab4}.btn-github{background:#24292f}.btn-github:hover{box-shadow:0 0 12px #24292f}@media(max-width:600px){.button-group{grid-template-columns:repeat(1,1fr)}#avatar{width:3.5rem;height:3.5rem}.header-group h1{font-size:3rem}}:root{--accent-color: #0098ee;--card-bg: #1a1a1a;--code-bg: #121212;--text-dim: #888888}.code-container{position:relative;z-index:10;width:100%;max-width:1000px;margin:40px auto;padding:0 20px;display:flex;flex-direction:column;height:calc(100vh - 180px)}.code-section{display:flex;flex-direction:column;min-height:0;background:var(--card-bg);padding:30px;border-radius:28px;box-shadow:0 0 50px #0098ee26;border:1px solid rgba(255,255,255,.05)}.code-section h2{border-bottom:2px solid var(--accent-color);padding-bottom:10px;margin-bottom:25px;font-size:1.8rem;text-align:center}.tab-container{display:flex;gap:10px;margin-bottom:20px;background:#0003;padding:5px;border-radius:12px;width:fit-content;align-self:center}.tab-btn{background:transparent;border:none;color:var(--text-dim);padding:8px 20px;cursor:pointer;border-radius:8px;font-weight:500;transition:all .3s ease}.tab-btn.active{background:var(--accent-color);color:#fff;box-shadow:0 4px 15px #0098ee4d}.tab-btn:hover:not(.active){color:#fff;background:#ffffff0d}.code-block-wrapper{position:relative;margin-top:5px;padding:25px;background-color:var(--code-bg);border-radius:16px;flex:1;overflow-y:auto;border:1px solid rgba(255,255,255,.05)}.code-block-wrapper::-webkit-scrollbar{width:6px}.code-block-wrapper::-webkit-scrollbar-track{background:transparent}.code-block-wrapper::-webkit-scrollbar-thumb{background:#333;border-radius:10px}.code-block-wrapper::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.copy-btn-sticky-wrapper{position:sticky;top:-10px;right:0;z-index:100;height:0;display:flex;justify-content:flex-end}.copy-btn{background:#0000;border:none;color:var(--text-dim);cursor:pointer;transition:all .2s;display:flex}.copy-btn svg{margin-right:3px}.copy-btn:hover{color:#fff;border-color:var(--accent-color)}*{line-height:1.2;margin:0}body{background-color:#111}.not-found-container{color:#888;display:table;font-family:sans-serif;height:100vh;text-align:center;width:100%}.not-found-content{display:table-cell;vertical-align:middle;margin:2em auto}.not-found-heading{color:#fff;font-size:2em;font-weight:400;margin-bottom:20px}.not-found-message{margin:0 auto 20px;width:280px}.not-found-home-link{color:#4a90e2;text-decoration:none;font-weight:700;display:block;margin-top:20px;transition:color .3s}.not-found-home-link:hover{color:#357bd8}@media only screen and (max-width:280px){.not-found-message{width:95%}.not-found-heading{font-size:1.5em;margin:0 0 .3em}}.matrix{overflow:hidden}#c{position:relative;top:0;left:0;width:100%;height:100%;pointer-events:none}.clock-shell{position:fixed;inset:0;color:var(--text-color);font-family:var(--font-mono);display:flex;justify-content:center;align-items:center;z-index:100;overflow:hidden;-webkit-user-select:none;user-select:none}.clock-shell.hide-cursor{cursor:none}.bg-mask{position:fixed;background:#0000;z-index:0}.clock-nav-container{position:fixed;top:0;width:100%;z-index:200;transition:opacity .5s ease,transform .5s ease}.clock-nav-container.fade-out{opacity:0;transform:translateY(-20px);pointer-events:none}.content-layout{display:flex;width:100%;height:100%;align-items:center;justify-content:center;z-index:1;padding:0 5vw;transition:all .2s cubic-bezier(.4,0,.2,1)}.centered-view{flex-direction:column}.split-view{flex-direction:row;justify-content:space-between}@media(max-width:768px){.split-view{flex-direction:column;justify-content:center;gap:2rem}}.time-display{font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em;color:var(--text-color);text-shadow:0 0 40px rgba(255,255,255,.3);white-space:nowrap;z-index:0;transition:font-size .2s ease,transform .2s ease}.laps-container{width:350px;max-height:40vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent);padding:20px 0;transition:opacity .3s ease}@media(max-width:768px){.laps-container{width:100%;max-height:25vh}}.laps-container::-webkit-scrollbar{display:none}.laps-container{-ms-overflow-style:none;scrollbar-width:none}.laps-container.dimmed{opacity:.3}.lap-item{display:flex;justify-content:space-between;font-size:1rem;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,1);color:#ffffffb3;animation:slideIn .2s ease-out}.lap-item:first-child{color:var(--accent-color);font-weight:700}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.ui-overlay{position:absolute;inset:0;pointer-events:none;transition:opacity .4s ease}.ui-overlay.hidden{opacity:0}.ui-overlay.visible{opacity:1}.ui-overlay>*{pointer-events:auto}.btn-fs{position:absolute;top:70px;right:30px;background:transparent;border:1px solid rgba(255,255,255,.1);color:#ffffff80;cursor:pointer;width:44px;height:44px;display:grid;place-items:center;border-radius:8px;z-index:99;transition:all .2s ease}.controls-layer{position:absolute;bottom:25%;left:0;right:0;display:flex;justify-content:center;gap:4rem;opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.2,.8,.2,1);pointer-events:none;z-index:99}.controls-layer.is-stopwatch{opacity:1;transform:translateY(0);pointer-events:auto}.btn-outline{width:80px;height:80px;border-radius:50%;background:transparent;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.2);color:var(--text-color);font-family:var(--font-mono),monospace;font-size:.85rem;cursor:pointer;transition:all .2s ease}.btn-outline.secondary:hover{color:#000;background:var(--accent-color)}.btn-outline.start{border-color:#fff3;color:#fff}.btn-outline.start:hover{background:#34c759;color:#000}.btn-outline.stop{border-color:#fff3;color:#fff}.btn-outline.stop:hover{background:#ff4d4d;color:#fff}.slider-wrapper{position:absolute;bottom:15%;left:50%;transform:translate(-50%);display:flex;z-index:100;align-items:center;gap:15px}.clean-slider{-webkit-appearance:none;width:200px;height:2px;background:#fff3}.clean-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent-color);cursor:pointer;border-radius:50%}.slider-label.small{font-size:.8rem}.slider-label.large{font-size:1.2rem}.mode-switch-container{position:absolute;bottom:5%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;z-index:99;background:#ffffff0d;padding:8px 16px;border-radius:4px}.divider{width:1px;height:12px;background:#fff3}.mode-btn{background:none;border:none;color:#fff6;font-family:var(--font-mono);font-size:.75rem;cursor:pointer}.mode-btn.active{color:var(--accent-color);font-weight:700}.App{position:relative;min-height:100vh;display:flex;flex-direction:column}:root{--bg-color: transparent;--text-color: #ffffff;--accent-color: #0098EE;--card-bg: rgba(0, 0, 0, .3);--font-mono: JetBrains Mono, Menlo, Consolas, "Courier New", monospace }*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100vh;background:#000;font-family:var(--font-mono),monospace;color:var(--text-color)}html::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scrollbar-width:none}