:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-surface:#ffffffbf;--bg-bezel-outer:#0000000a;--bg-bezel-inner:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--accent-cyan:#06b6d4;--accent-indigo:#6366f1;--accent-purple:#a855f7;--accent-emerald:#10b981;--accent-gradient:linear-gradient(135deg, #06b6d4 0%, #6366f1 50%, #a855f7 100%);--accent-glow:#6366f140;--border-light:#00000014;--border-hairline:#0000000f;--shadow-inner:inset 0 1px 1px #fffc;--shadow-ambient:0 20px 40px -15px #0000000f;--radius-outer:2rem;--radius-inner:calc(2rem - .5rem);--radius-pill:9999px;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--ease-spring:cubic-bezier(.32, .72, 0, 1);--ease-magnetic:cubic-bezier(.175, .885, .32, 1.275);--duration-smooth:.6s}[data-theme=dark]{--bg-primary:#030712;--bg-secondary:#0b0f19;--bg-surface:#0b0f19cc;--bg-bezel-outer:#ffffff0a;--bg-bezel-inner:#0b0f19;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--border-light:#ffffff1a;--border-hairline:#ffffff0f;--shadow-inner:inset 0 1px 1px #ffffff1f;--shadow-ambient:0 30px 60px -20px #0009}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.6}body{min-height:100dvh;transition:background-color .5s var(--ease-spring), color .5s var(--ease-spring);position:relative;overflow-x:hidden}.cursor-glow{pointer-events:none;z-index:1;will-change:transform;mix-blend-mode:screen;background:radial-gradient(circle,#6366f124 0%,#06b6d40f 45%,#0000 70%);border-radius:50%;width:450px;height:450px;margin-top:-225px;margin-left:-225px;transition:transform .15s ease-out,opacity .3s;position:fixed}.mesh-gradient-bg{pointer-events:none;z-index:0;opacity:.7;position:fixed;inset:0;overflow:hidden}.mesh-orb{filter:blur(130px);will-change:transform;border-radius:50%;position:absolute}.mesh-orb-1{background:radial-gradient(circle,#06b6d440 0%,#6366f100 70%);width:55vw;height:55vw;animation:20s ease-in-out infinite alternate orbFloat1;top:-15%;left:-10%}.mesh-orb-2{background:radial-gradient(circle,#a855f738 0%,#6366f100 70%);width:50vw;height:50vw;animation:25s ease-in-out infinite alternate orbFloat2;top:45%;right:-12%}@keyframes orbFloat1{0%{transform:translate(0)scale(1)}50%{transform:translate(60px,80px)scale(1.08)}to{transform:translate(-40px,120px)scale(.95)}}@keyframes orbFloat2{0%{transform:translate(0)scale(1)}50%{transform:translate(-80px,-60px)scale(1.1)}to{transform:translate(50px,-100px)scale(.92)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.035em;font-weight:800;line-height:1.1}.heading-hero{letter-spacing:-.04em;font-size:clamp(2.75rem,6.2vw,5.5rem);font-weight:800}.heading-section{font-size:clamp(2rem,4vw,3.25rem);font-weight:800}.text-gradient{background:linear-gradient(135deg,#06b6d4 0%,#6366f1 50%,#c084fc 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite gradientShimmer}@keyframes gradientShimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.eyebrow-tag{border-radius:var(--radius-pill);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;color:var(--accent-cyan);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:fit-content;transition:transform .3s var(--ease-spring);background:#06b6d414;border:1px solid #06b6d440;align-items:center;gap:.6rem;padding:.4rem 1rem;font-size:.75rem;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #06b6d41a}.eyebrow-tag:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d433}.eyebrow-tag .dot{background-color:var(--accent-cyan);width:7px;height:7px;box-shadow:0 0 12px var(--accent-cyan);border-radius:50%;animation:2s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}.nav-header{z-index:100;justify-content:center;padding:0 1.5rem;display:flex;position:fixed;top:1.5rem;left:0;right:0}.nav-island{background:var(--bg-surface);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(28px);border-radius:var(--radius-pill);width:100%;max-width:950px;box-shadow:var(--shadow-ambient);transition:all var(--duration-smooth) var(--ease-spring);justify-content:space-between;align-items:center;gap:2rem;padding:.6rem .8rem .6rem 1.5rem;display:flex}.nav-logo{color:var(--text-primary);transition:transform .3s var(--ease-spring);align-items:center;gap:.75rem;font-size:1.15rem;font-weight:800;text-decoration:none;display:flex}.nav-logo:hover{transform:scale(1.03)}.nav-logo-badge{background:var(--accent-gradient);color:#fff;width:34px;height:34px;font-family:var(--font-mono);box-shadow:0 4px 12px var(--accent-glow);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.nav-links{align-items:center;gap:1.75rem;list-style:none;display:flex}.nav-link{color:var(--text-secondary);transition:color .3s ease, transform .3s var(--ease-spring);font-size:.9rem;font-weight:600;text-decoration:none;position:relative}.nav-link:after{content:"";background:var(--accent-gradient);width:0;height:2px;transition:width .3s var(--ease-spring);border-radius:2px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-actions{align-items:center;gap:.75rem;display:flex}.theme-btn{border:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;width:42px;height:42px;transition:transform .4s var(--ease-magnetic), background .3s ease, border-color .3s ease;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;display:flex}.theme-btn:hover{border-color:var(--accent-cyan);background:#ffffff1f;transform:scale(1.12)rotate(15deg)}.theme-btn svg{width:19px;height:19px}.mobile-toggle{cursor:pointer;z-index:110;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;display:none;position:relative}.hamburger-line{background-color:var(--text-primary);width:22px;height:2px;transition:transform .4s var(--ease-spring), opacity .3s ease;border-radius:2px;position:absolute}.line-1{transform:translateY(-4px)}.line-2{transform:translateY(4px)}.mobile-toggle.active .line-1{transform:rotate(45deg)}.mobile-toggle.active .line-2{transform:rotate(-45deg)}.mobile-menu-overlay{z-index:90;background:var(--bg-surface);-webkit-backdrop-filter:blur(36px);opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:opacity .4s;display:flex;position:fixed;inset:0}.mobile-menu-overlay.active{opacity:1;pointer-events:auto}.mobile-menu-links{flex-direction:column;align-items:center;gap:2rem;list-style:none;display:flex}.mobile-menu-links a{color:var(--text-primary);transition:color .3s ease, transform .3s var(--ease-spring);font-size:1.85rem;font-weight:800;text-decoration:none}.mobile-menu-links a:hover{color:var(--accent-cyan);transform:scale(1.08)}.btn-cta{border-radius:var(--radius-pill);cursor:pointer;transition:transform .4s var(--ease-magnetic), box-shadow .4s var(--ease-spring), background .3s ease;border:none;align-items:center;gap:.75rem;padding:.65rem .65rem .65rem 1.5rem;font-size:.925rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.btn-cta-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 10px 25px -5px #6366f173}.btn-cta-primary:hover{transform:scale(1.05);box-shadow:0 15px 35px -5px #6366f1a6}.btn-cta-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.btn-cta-secondary:hover{background:#ffffff1f;border-color:#6366f166;transform:scale(1.05)}.btn-icon-wrapper{width:34px;height:34px;transition:transform .4s var(--ease-magnetic), background .3s ease;background:#fff3;border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-cta-secondary .btn-icon-wrapper{background:var(--border-hairline)}.btn-cta:hover .btn-icon-wrapper{background:#ffffff4d;transform:translate(3px,-2px)scale(1.1)}.btn-icon-wrapper svg{stroke-width:2.5px;width:16px;height:16px}.bezel-card-outer{background:var(--bg-bezel-outer);border:1px solid var(--border-light);border-radius:var(--radius-outer);box-shadow:var(--shadow-ambient);transition:transform .5s var(--ease-spring), border-color .4s ease, box-shadow .4s ease;transform-style:preserve-3d;perspective:1000px;padding:.5rem;position:relative}.bezel-card-outer:before{content:"";border-radius:var(--radius-outer);opacity:0;pointer-events:none;z-index:0;background:linear-gradient(135deg,#06b6d44d,#6366f14d,#0000 70%);transition:opacity .5s;position:absolute;inset:-1px}.bezel-card-outer:hover:before{opacity:1}.bezel-card-outer:hover{border-color:#6366f159;transform:translateY(-6px);box-shadow:0 25px 50px -15px #6366f12e}.bezel-card-inner{background:var(--bg-bezel-inner);border-radius:var(--radius-inner);box-shadow:var(--shadow-inner);z-index:1;flex-direction:column;height:100%;padding:2.25rem;display:flex;position:relative;overflow:hidden}.container{z-index:10;width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative}.section-spacing{padding:7.5rem 0}.hero-section{align-items:center;min-height:100dvh;padding-top:10.5rem;padding-bottom:5.5rem;display:flex}.hero-grid{grid-template-columns:1.25fr .75fr;align-items:center;gap:4rem;display:grid}.hero-content{flex-direction:column;gap:1.75rem;display:flex}.hero-stats{border-top:1px solid var(--border-hairline);gap:2.5rem;margin-top:1.5rem;padding-top:2rem;display:flex}.stat-item{flex-direction:column;display:flex}.stat-number{font-size:2.25rem;font-weight:800;font-family:var(--font-mono);color:var(--text-primary);background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.stat-label{color:var(--text-tertiary);font-size:.85rem;font-weight:600}.hero-visual{position:relative}.code-window-card{width:100%;font-family:var(--font-mono);font-size:.85rem}.code-window-header{border-bottom:1px solid var(--border-hairline);align-items:center;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.window-dot{border-radius:50%;width:11px;height:11px}.window-dot-red{background:#ef4444;box-shadow:0 0 8px #ef444466}.window-dot-yellow{background:#f59e0b;box-shadow:0 0 8px #f59e0b66}.window-dot-green{background:#10b981;box-shadow:0 0 8px #10b98166}.code-content{color:var(--text-secondary);line-height:1.8}.code-keyword{color:var(--accent-purple);font-weight:600}.code-function{color:var(--accent-cyan);font-weight:600}.code-string{color:#34d399}.code-comment{color:var(--text-tertiary);font-style:italic}.typing-cursor{background-color:var(--accent-cyan);vertical-align:middle;width:8px;height:1.1em;margin-left:2px;animation:.9s infinite blinkCursor;display:inline-block}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}.bento-grid{grid-template-columns:repeat(12,1fr);gap:1.5rem;margin-top:3rem;display:grid}.bento-col-8{grid-column:span 8}.bento-col-4{grid-column:span 4}.bento-col-6{grid-column:span 6}.bento-col-12{grid-column:span 12}.filter-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:2rem;display:flex}.filter-btn{background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-secondary);border-radius:var(--radius-pill);cursor:pointer;transition:all .35s var(--ease-spring);padding:.55rem 1.35rem;font-size:.875rem;font-weight:600}.filter-btn:hover,.filter-btn.active{color:#fff;background:var(--accent-gradient);box-shadow:0 6px 20px var(--accent-glow);border-color:#0000;transform:translateY(-2px)}.project-tag-list{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.tech-tag{font-family:var(--font-mono);border-radius:var(--radius-pill);color:var(--accent-indigo);background:#6366f114;border:1px solid #6366f133;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:transform .25s}.tech-tag:hover{background:#6366f126;transform:scale(1.05)}.project-metrics{border-top:1px solid var(--border-hairline);color:var(--text-tertiary);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;font-size:.85rem;display:flex}.metric-badge{color:#10b981;font-family:var(--font-mono);font-weight:700}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:3rem;display:grid}.skill-category-title{align-items:center;gap:.75rem;margin-bottom:1.25rem;font-size:1.25rem;display:flex}.skill-icon{background:var(--accent-gradient);color:#fff;width:38px;height:38px;box-shadow:0 4px 12px var(--accent-glow);border-radius:12px;justify-content:center;align-items:center;display:flex}.skill-list{flex-wrap:wrap;gap:.65rem;display:flex}.skill-pill{border-radius:var(--radius-pill);background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-secondary);transition:all .3s var(--ease-spring);padding:.45rem .95rem;font-size:.85rem;font-weight:600}.skill-pill:hover{color:var(--text-primary);border-color:var(--accent-cyan);background:#06b6d41a;transform:translateY(-3px)scale(1.03);box-shadow:0 6px 15px #06b6d426}.about-grid{grid-template-columns:340px 1fr;align-items:start;gap:3.5rem;margin-top:3.5rem;display:grid}.about-avatar-col{position:sticky;top:8rem}.about-avatar-card .bezel-card-inner{text-align:center;align-items:center;gap:1.5rem;padding:2.5rem 2rem}.about-avatar-wrapper{flex-direction:column;align-items:center;gap:.85rem;display:flex;position:relative}.about-avatar-ring{background:var(--accent-gradient);border-radius:50%;width:180px;height:180px;padding:4px;animation:4s ease-in-out infinite alternate avatarRingPulse;position:relative;box-shadow:0 0 30px #6366f140,0 0 60px #06b6d41a}.about-avatar-img{object-fit:cover;border:3px solid var(--bg-bezel-inner);border-radius:50%;display:block;width:100%!important;height:100%!important}@keyframes avatarRingPulse{0%{box-shadow:0 0 25px #6366f133,0 0 50px #06b6d414}to{box-shadow:0 0 40px #6366f159,0 0 80px #06b6d426}}.about-status-badge{border-radius:var(--radius-pill);color:#10b981;font-size:.72rem;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;background:#10b9811a;border:1px solid #10b9814d;align-items:center;gap:.45rem;padding:.3rem .85rem;display:inline-flex}.about-status-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulseDot;box-shadow:0 0 10px #10b981}.about-identity{flex-direction:column;align-items:center;gap:.35rem;display:flex}.about-name{letter-spacing:-.03em;color:var(--text-primary);font-size:1.5rem;font-weight:800}.about-role{color:var(--accent-cyan);font-size:.9rem;font-weight:600;font-family:var(--font-mono)}.about-location{color:var(--text-tertiary);align-items:center;gap:.35rem;margin-top:.15rem;font-size:.82rem;font-weight:500;display:inline-flex}.about-socials{border-top:1px solid var(--border-hairline);justify-content:center;gap:.65rem;width:100%;padding-top:.5rem;display:flex}.about-social-link{background:var(--bg-surface);border:1px solid var(--border-light);width:42px;height:42px;color:var(--text-secondary);transition:all .35s var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.about-social-link:hover{color:var(--accent-cyan);border-color:var(--accent-cyan);background:#06b6d414;transform:translateY(-3px)scale(1.08);box-shadow:0 8px 20px #06b6d433}.about-info-col{flex-direction:column;gap:2rem;display:flex}.about-bio-text{color:var(--text-secondary);font-size:1.08rem;line-height:1.75}.about-bio-extra{color:var(--text-tertiary);margin-top:1rem;font-size:1rem}.about-highlights{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.about-highlight-item{background:var(--bg-surface);border:1px solid var(--border-hairline);transition:all .35s var(--ease-spring);border-radius:1rem;align-items:center;gap:.75rem;padding:.85rem 1.15rem;display:flex}.about-highlight-item:hover{background:#6366f10a;border-color:#6366f140;transform:translate(4px)}.about-highlight-icon{background:var(--bg-bezel-outer);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;display:flex}.about-highlight-text{color:var(--text-primary);font-size:.88rem;font-weight:600}.about-stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.about-stat-card .bezel-card-inner{text-align:center;justify-content:center;align-items:center;gap:.35rem;padding:1.5rem 1rem}.about-stat-value{font-size:1.75rem;font-weight:800;font-family:var(--font-mono);background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1.2}.about-stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:600}.timeline{flex-direction:column;gap:1.5rem;margin-top:3rem;display:flex}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;display:flex}.timeline-role{font-size:1.25rem;font-weight:800}.timeline-company{color:var(--accent-cyan);font-weight:600}.timeline-date{font-family:var(--font-mono);color:var(--text-tertiary);background:var(--border-hairline);border-radius:var(--radius-pill);padding:.25rem .85rem;font-size:.8rem;font-weight:600}.contact-grid{grid-template-columns:1fr 1.25fr;gap:3.5rem;margin-top:3rem;display:grid}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.form-input,.form-textarea{background:var(--bg-surface);border:1px solid var(--border-light);width:100%;color:var(--text-primary);font-family:var(--font-sans);border-radius:1.2rem;outline:none;padding:.9rem 1.25rem;font-size:.95rem;transition:border-color .3s,box-shadow .3s}.form-input:focus,.form-textarea:focus{border-color:var(--accent-indigo);box-shadow:0 0 0 3px #6366f133}.form-textarea{resize:vertical;min-height:140px}.site-footer{border-top:1px solid var(--border-hairline);margin-top:6rem;padding:4.5rem 0 2.5rem}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.reveal-on-scroll{opacity:0;filter:blur(6px);transition:opacity .8s var(--ease-spring), transform .8s var(--ease-spring), filter .8s var(--ease-spring);will-change:opacity, transform, filter;transform:translateY(45px)}.reveal-on-scroll.is-visible{opacity:1;filter:blur();transform:translateY(0)}@media (max-width:992px){.hero-grid{grid-template-columns:1fr;gap:3rem}.contact-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:2.5rem}.about-avatar-col{max-width:380px;margin:0 auto;position:static}.about-stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.nav-links{display:none}.mobile-toggle{display:flex}.bento-col-8,.bento-col-4,.bento-col-6{grid-column:span 12!important}.hero-section{padding-top:8.5rem}.section-spacing{padding:5rem 0}.bezel-card-outer{border-radius:1.5rem;padding:.35rem}.bezel-card-inner{border-radius:1.15rem;padding:1.5rem}.cursor-glow{display:none}.about-highlights{grid-template-columns:1fr}.about-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.hero-visual{display:none}.hero-grid{grid-template-columns:1fr}}.server-activity-card{background-color:var(--bg-bezel-inner);border-radius:var(--radius-inner);height:100%;font-family:var(--font-mono);flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.server-header{border-bottom:1px solid var(--border-hairline);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.server-status-indicator{align-items:center;gap:.75rem;display:flex}.server-pulse{background-color:var(--accent-emerald);width:10px;height:10px;box-shadow:0 0 10px var(--accent-emerald);border-radius:50%;animation:2s infinite pulse-glow}@keyframes pulse-glow{0%{opacity:1;box-shadow:0 0 #10b981b3}70%{opacity:.7;box-shadow:0 0 0 10px #10b98100}to{opacity:1;box-shadow:0 0 #10b98100}}.server-status-text{color:var(--accent-emerald);letter-spacing:.05em;text-transform:uppercase;font-size:.8rem;font-weight:600}.server-dots{gap:.5rem;display:flex}.server-body{flex-direction:column;flex:1;gap:1.5rem;display:flex}.server-metrics{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.metric-box{background:var(--bg-bezel-outer);border:1px solid var(--border-hairline);border-radius:.75rem;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.metric-label{color:var(--text-tertiary);text-transform:uppercase;font-size:.7rem}.metric-val{color:var(--text-primary);font-size:.95rem;font-weight:600}.server-logs-container{border:1px solid var(--border-hairline);background-color:#0b0f19;border-radius:.75rem;flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex;overflow:hidden;box-shadow:inset 0 2px 10px #00000080}.server-log-line{color:#94a3b8;font-size:.8rem;font-family:var(--font-mono);white-space:nowrap;align-items:center;gap:.75rem;display:flex}.slide-up{animation:log-slide-up .3s var(--ease-spring) forwards}@keyframes log-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.log-time{color:#64748b}.log-method{width:45px;font-weight:700}.method-get{color:#06b6d4}.method-post{color:#10b981}.method-put{color:#f59e0b}.method-del{color:#ef4444}.method-ws{color:#a855f7}.log-path{color:#f8fafc;text-overflow:ellipsis;flex:1;overflow:hidden}.log-status-ok{color:#10b981}.log-status-other{color:#eab308}.log-ms{color:#64748b;text-align:right;width:40px}.server-cursor{color:#06b6d4;font-weight:700;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.shark-card{background-color:var(--bg-bezel-inner);border-radius:var(--radius-inner);flex-direction:column;height:100%;padding:0;display:flex;position:relative;overflow:hidden}.shark-container{border-radius:inherit;background:linear-gradient(#06b6d426 0%,#030712 100%);flex-direction:column;flex:1;justify-content:flex-end;width:100%;min-height:400px;display:flex;position:relative;overflow:hidden}.water-background{z-index:1;background:radial-gradient(circle at 50% 120%,#06b6d44d 0%,#0000 70%);width:100%;height:100%;position:absolute;top:0;left:0}.bubble{z-index:2;background:#ffffff4d;border:1px solid #ffffff80;border-radius:50%;animation:ease-in infinite float-up;position:absolute;bottom:-20px}@keyframes float-up{0%{opacity:0;transform:translateY(0)scale(1)}20%{opacity:1}80%{opacity:1;transform:translateY(-250px)scale(1.2)}to{opacity:0;transform:translateY(-300px)scale(1.5)}}.ocean-waves{z-index:3;width:100%;height:120px;position:absolute;bottom:0;left:0}.wave{width:200%;height:100%;animation:10s linear infinite wave-slide;position:absolute;bottom:0;left:0}.wave2{opacity:.5;animation:7s linear infinite reverse wave-slide}@keyframes wave-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.shark-fin-wrapper{z-index:4;width:120px;height:120px;animation:6s cubic-bezier(.4,0,.2,1) infinite swim;position:absolute;bottom:20px;left:-20%}.shark-fin{transform-origin:bottom;width:100%;height:100%;animation:1s ease-in-out infinite alternate fin-bob}@keyframes swim{0%{left:-30%;transform:scaleX(1)}45%{left:110%;transform:scaleX(1)}50%{left:110%;transform:scaleX(-1)}95%{left:-30%;transform:scaleX(-1)}to{left:-30%;transform:scaleX(1)}}@keyframes fin-bob{0%{transform:translateY(5px)rotate(-2deg)}to{transform:translateY(-5px)rotate(2deg)}}.shark-radar-line{z-index:5;background:#06b6d480;width:100%;height:2px;animation:4s linear infinite radar-scan;position:absolute;top:0;left:0;box-shadow:0 0 10px #06b6d4cc}@keyframes radar-scan{0%{opacity:0;top:-10%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:110%}}.shark-status{z-index:10;border:1px solid var(--border-hairline);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex;position:absolute;top:1.5rem;right:1.5rem}.status-dot{background-color:var(--accent-cyan);width:8px;height:8px;box-shadow:0 0 8px var(--accent-cyan);border-radius:50%;animation:2s infinite pulse-glow}.shark-status span{font-family:var(--font-mono);color:var(--accent-cyan);letter-spacing:.1em;font-size:.75rem;font-weight:600}