@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap);:root{--bg-primary:#0a0e27;--bg-secondary:#1a1f3a;--bg-tertiary:#252b47;--bg-surface:#1e2338;--bg-hover:#2a3149;--text-primary:#e8eaf6;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--text-inverse:#0a0e27;--accent-primary:#4a9eff;--accent-secondary:#3b82f6;--accent-hover:#60a5fa;--code-green:#10b981;--code-blue:#3b82f6;--code-purple:#8b5cf6;--code-yellow:#fbbf24;--code-red:#ef4444;--code-orange:#f97316;--code-cyan:#06b6d4;--border-primary:#2d3748;--border-secondary:#374151;--border-accent:#4a9eff;--success:#10b981;--error:#ef4444;--warning:#fbbf24;--info:#3b82f6;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009;--shadow-glow:0 0 20px #4a9eff4d;--shadow-glow-strong:0 0 30px #4a9eff80;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--transition-smooth:350ms cubic-bezier(0.4,0,0.2,1);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-code:"Fira Code","JetBrains Mono","Consolas","Monaco","Courier New",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-primary);font-size:1rem;font-size:var(--text-base);line-height:1.5;line-height:var(--leading-normal)}.code-font,code,pre{font-feature-settings:"liga" 1,"calt" 1;font-family:Fira Code,JetBrains Mono,Consolas,Monaco,Courier New,monospace;font-family:var(--font-code)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-primary);font-weight:600;font-weight:var(--font-semibold);letter-spacing:-.025em;letter-spacing:var(--tracking-tight);line-height:1.25;line-height:var(--leading-tight)}h1{font-size:3rem;font-size:var(--text-5xl);font-weight:700;font-weight:var(--font-bold)}h2{font-size:2.25rem;font-size:var(--text-4xl)}h3{font-size:1.875rem;font-size:var(--text-3xl)}h4{font-size:1.5rem;font-size:var(--text-2xl)}h5{font-size:1.25rem;font-size:var(--text-xl)}h6{font-size:1.125rem;font-size:var(--text-lg)}p{color:var(--text-secondary);font-size:1rem;font-size:var(--text-base);line-height:1.625;line-height:var(--leading-relaxed)}a{color:var(--accent-primary);text-decoration:none;transition:color .25s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--accent-hover)}pre{border:1px solid var(--border-primary);border-radius:8px;font-size:.875rem;font-size:var(--text-sm);line-height:1.625;line-height:var(--leading-relaxed);overflow-x:auto;padding:1rem}code,pre{background:var(--bg-secondary)}code{border-radius:4px;color:var(--code-cyan);font-size:.875em;padding:.125rem .375rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}::selection{background-color:var(--accent-primary);color:var(--text-inverse)}::-moz-selection{background-color:var(--accent-primary);color:var(--text-inverse)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--border-secondary)}:focus-visible{border-radius:4px;outline:2px solid var(--accent-primary);outline-offset:2px}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.App{background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-secondary);background:#1a1f3acc;border-bottom:1px solid var(--border-primary);padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1.5rem}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:var(--text-primary);font-family:var(--font-code);font-size:var(--text-xl);font-weight:var(--font-semibold);gap:.25rem;text-decoration:none;transition:color .25s cubic-bezier(.4,0,.2,1)}.navbar-logo:hover{color:var(--accent-primary)}.navbar-logo-code{color:var(--code-purple)}.navbar-logo-text{color:var(--accent-primary)}.navbar-links,.navbar-links-container{align-items:center;display:flex;gap:2rem}.navbar-link{color:var(--text-secondary);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-medium);padding:.5rem 0;position:relative;text-decoration:none;transition:color .25s cubic-bezier(.4,0,.2,1)}.navbar-link:after{background:var(--accent-primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s cubic-bezier(.4,0,.2,1);width:0}.navbar-link:hover{color:var(--text-primary)}.navbar-link:hover:after{width:100%}.navbar-link.active{color:var(--accent-primary)}.navbar-link.active:after{width:100%}.navbar-login-button{align-items:center;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:1px solid var(--accent-primary);border-radius:6px;box-shadow:0 2px 8px #4a9eff4d;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-semibold);justify-content:center;overflow:hidden;padding:.6rem 1.5rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.navbar-login-button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.navbar-login-button:hover{background:linear-gradient(135deg,var(--accent-hover) 0,var(--accent-primary) 100%);border-color:var(--accent-hover);box-shadow:0 4px 16px #4a9eff80;transform:translateY(-2px)}.navbar-login-button:hover:before{height:300px;width:300px}.navbar-login-button:active{box-shadow:0 2px 6px #4a9eff66;transform:translateY(0)}@media (max-width:768px){.navbar-container{padding:0 1rem}.navbar-links,.navbar-links-container{gap:1rem}.navbar-link,.navbar-login-button{font-size:var(--text-sm)}.navbar-login-button{padding:.5rem 1rem}.navbar-logo{font-size:var(--text-lg)}}.typewriter{display:inline-block;font-family:var(--font-code)}.typewriter.code-style{color:var(--code-cyan);font-size:var(--text-lg)}.typewriter-cursor{animation:blink .6s infinite;color:var(--code-green);display:inline-block;font-weight:var(--font-normal);margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.terminal{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-lg);font-family:var(--font-code);max-width:100%;overflow:hidden}.terminal-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);display:flex;gap:.75rem;padding:.75rem 1rem}.terminal-controls{display:flex;gap:.5rem}.terminal-control{border-radius:50%;display:inline-block;height:12px;width:12px}.terminal-close{background:#ff5f56}.terminal-minimize{background:#ffbd2e}.terminal-maximize{background:#27c93f}.terminal-title{color:var(--text-secondary);flex:1 1;font-size:var(--text-sm);font-weight:var(--font-medium);text-align:center}.terminal-body{background:var(--bg-primary);color:var(--code-green);font-size:var(--text-sm);line-height:var(--leading-relaxed);min-height:100px;padding:1rem}.terminal-line{align-items:flex-start;display:flex;margin-bottom:.5rem}.terminal-prompt{color:var(--code-cyan);margin-right:.5rem;-webkit-user-select:none;user-select:none}.terminal-text{color:var(--code-green);white-space:pre-wrap;word-break:break-word}.homepage-featured{background:radial-gradient(ellipse 120% 80% at 50% -20%,#4a9eff14,#0000 55%),linear-gradient(180deg,var(--bg-primary) 0,var(--bg-secondary) 42%,var(--bg-primary) 100%);padding:clamp(4rem,10vw,6.5rem) clamp(1rem,4vw,2rem) clamp(4rem,8vw,5.5rem);position:relative}.homepage-featured:before{background:linear-gradient(90deg,#0000,#4a9eff59,#0000);content:"";height:1px;left:0;opacity:.8;position:absolute;right:0;top:0}.featured-inner{margin:0 auto;max-width:1280px}.featured-header{margin-bottom:clamp(2.5rem,5vw,4rem);margin-left:auto;margin-right:auto;max-width:40rem;text-align:center}.featured-label{color:var(--accent-primary);display:inline-block;font-family:var(--font-code);font-size:.8rem;letter-spacing:.14em;margin-bottom:.85rem;text-transform:uppercase}.featured-title{color:var(--text-primary);font-family:var(--font-primary);font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:1rem}.featured-subtitle{color:var(--text-secondary);font-size:clamp(.95rem,2vw,1.1rem);line-height:1.65;margin:0 auto}.featured-grid--bento{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr;margin-bottom:clamp(2rem,4vw,3rem)}@media (min-width:900px){.featured-grid--bento{gap:1.35rem;grid-template-columns:repeat(12,1fr)}.featured-card--hero{grid-column:span 8}.featured-grid--bento .featured-card:nth-child(2){grid-column:span 4}.featured-grid--bento .featured-card:nth-child(n+3){grid-column:span 6}}.featured-card{border:1px solid #ffffff17;border-radius:20px;overflow:hidden;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .3s ease}.featured-card:hover{border-color:#4a9eff59;box-shadow:0 28px 56px -24px #0000008c,0 0 0 1px #4a9eff0f;transform:translateY(-6px)}.featured-card-link{color:inherit;display:flex;flex-direction:column;height:100%;text-decoration:none}.featured-card-visual{align-items:center;aspect-ratio:16/10;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.featured-card--hero .featured-card-visual{aspect-ratio:21/9}@media (max-width:899px){.featured-card--hero .featured-card-visual{aspect-ratio:16/10}}.featured-card-visual:after{background:linear-gradient(0deg,#0a0c12e0 0,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}.featured-card-logo{filter:drop-shadow(0 16px 32px rgba(0,0,0,.4));height:auto;max-width:130px;object-fit:contain;position:relative;transition:transform .45s cubic-bezier(.22,1,.36,1);width:38%;z-index:1}.featured-card:hover .featured-card-logo{transform:scale(1.06)}.featured-card--breathapplyser .featured-card-logo{transform:scale(.78)}.featured-card--breathapplyser:hover .featured-card-logo{transform:scale(.82)}.featured-card-content{background:linear-gradient(180deg,var(--bg-surface) 0,#0a0c12fa 100%);display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:1.15rem 1.25rem 1.35rem}.featured-card-surfaces{display:flex;flex-wrap:wrap;gap:.35rem}.featured-surface{border:1px solid #0000;border-radius:6px;font-family:var(--font-code);font-size:.62rem;font-weight:700;letter-spacing:.06em;padding:.2rem .5rem;text-transform:uppercase}.featured-surface--website{background:#38bdf81f;border-color:#38bdf847;color:#7dd3fc}.featured-surface--mobile{background:#d946ef1f;border-color:#d946ef47;color:#f0abfc}.featured-surface--desktop{background:#f59e0b1f;border-color:#f59e0b47;color:#fcd34d}.featured-surface--extension{background:#34d3991f;border-color:#34d39947;color:#6ee7b7}.featured-card-name{color:var(--text-primary);font-family:var(--font-primary);font-size:clamp(1.2rem,2.5vw,1.45rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0}.featured-card-dates{color:var(--text-tertiary);display:flex;flex-wrap:wrap;font-family:var(--font-code);font-size:.65rem;gap:.45rem 1rem;margin:.15rem 0 .25rem}.featured-card-date time,.featured-card-desc{color:var(--text-secondary)}.featured-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;flex:1 1;font-size:.92rem;line-height:1.5;margin:0;overflow:hidden}.featured-card-tags{display:flex;flex-wrap:wrap;gap:.4rem}.featured-tag{background:#4a9eff14;border:1px solid #4a9eff2e;border-radius:6px;color:var(--accent-primary);font-family:var(--font-code);font-size:.68rem;padding:.2rem .55rem}.featured-card-cta{align-items:center;color:var(--accent-primary);display:inline-flex;font-size:.88rem;font-weight:600;gap:.35rem;margin-top:.25rem;transition:gap .25s ease}.featured-card:hover .featured-card-cta{gap:.55rem}.cta-arrow{transition:transform .28s cubic-bezier(.22,1,.36,1)}.featured-card:hover .cta-arrow{transform:translateX(5px)}.featured-footer{text-align:center}.featured-view-all{align-items:center;border:2px solid #4a9eff73;border-radius:999px;color:var(--accent-primary);display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.9rem 1.85rem;text-decoration:none;transition:background .25s ease,box-shadow .25s ease,transform .2s ease}.featured-view-all:hover{background:#4a9eff1f;box-shadow:0 0 40px #4a9eff1f;transform:translateY(-2px)}@media (max-width:899px){.featured-card-desc{-webkit-line-clamp:3}}.github-section{background:var(--bg-primary);padding:5rem 1.5rem;position:relative}.github-section:before{background:linear-gradient(90deg,#0000,var(--border-primary),var(--accent-primary),var(--border-primary),#0000);content:"";height:1px;left:0;opacity:.4;position:absolute;right:0;top:0}.github-inner{margin:0 auto;max-width:1200px}.github-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;padding:4rem 2rem}.github-loading-icon{animation:pulse 1.5s ease-in-out infinite;color:var(--accent-primary);font-size:3rem;opacity:.6}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.github-header{margin-bottom:3rem}.github-header-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem}.github-avatar{border:2px solid var(--border-primary);border-radius:12px;flex-shrink:0;height:80px;width:80px}.github-header-text{flex:1 1;min-width:280px}.github-label{color:var(--accent-primary);display:inline-block;font-family:var(--font-code);font-size:.9rem;letter-spacing:.05em;margin-bottom:.5rem}.github-title{color:var(--text-primary);font-family:var(--font-primary);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:.5rem}.github-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1rem}.github-profile-link{align-items:center;color:var(--accent-primary);display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.github-profile-link:hover{color:var(--accent-hover);gap:.75rem}.github-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2.5rem}.github-card{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:12px;color:inherit;display:flex;flex-direction:column;padding:1.5rem;text-decoration:none;transition:border-color .3s ease,box-shadow .35s cubic-bezier(.4,0,.2,1)}.github-card:hover{border-color:#4a9eff80;box-shadow:0 12px 32px -12px #0006,0 0 24px #4a9eff0f}.github-card-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.github-card-name{font-size:1.1rem;font-weight:600;word-break:break-word}.github-card-language,.github-card-name{color:var(--accent-primary);font-family:var(--font-code)}.github-card-language{background:#0003;border:1px solid var(--border-primary);border-radius:4px;color:var(--lang-color,var(--accent-primary));flex-shrink:0;font-size:.75rem;padding:.2rem .5rem}.github-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;flex:1 1;font-size:.9rem;line-height:1.5;margin-bottom:1rem;overflow:hidden}.github-card-topics{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.github-topic{background:#4a9eff1a;border:1px solid #4a9eff33;border-radius:4px;color:var(--accent-primary);font-family:var(--font-code);font-size:.7rem;padding:.2rem .5rem}.github-card-stats{color:var(--text-tertiary);display:flex;font-size:.85rem;gap:1rem}.github-stat{align-items:center;display:inline-flex;gap:.35rem}.github-stat svg{color:var(--code-yellow);font-size:.9rem}.github-stat:last-child svg{color:var(--code-cyan)}.github-footer{text-align:center}.github-view-all{align-items:center;border:2px solid var(--accent-primary);border-radius:8px;color:var(--accent-primary);display:inline-flex;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.github-view-all:hover{background:#4a9eff1a;box-shadow:var(--shadow-glow)}@media (max-width:768px){.github-section{padding:3rem 1rem}.github-header-top{align-items:center;flex-direction:column;text-align:center}.github-header-text{min-width:100%}.github-profile-link{justify-content:center}.github-grid{gap:1rem;grid-template-columns:1fr;margin-bottom:2rem}.github-card{padding:1.25rem}}.homepage{background:var(--bg-primary);min-height:100vh;overflow-x:hidden;position:relative}.homepage-container{justify-content:center;margin:0 auto;max-width:1200px;min-height:calc(100vh - 80px);padding:2rem 1.5rem 4rem}.homepage-container,.homepage-hero{align-items:center;display:flex;flex-direction:column}.homepage-hero{margin-bottom:3rem;width:100%}.homepage-intro{max-width:900px;text-align:left;width:100%}.homepage-greeting{color:var(--text-tertiary);display:block;font-family:var(--font-code);font-size:var(--text-lg);margin-bottom:1rem;opacity:.8}.homepage-title{color:var(--text-primary);font-family:var(--font-primary);font-size:clamp(2.5rem,8vw,5rem);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:2rem}.homepage-name{color:var(--accent-primary);display:inline-block}.homepage-subtitle-container{margin-top:2rem;min-height:200px;width:100%}.homepage-terminal{margin:0 auto;max-width:100%}.homepage-cta{display:flex;justify-content:center;margin-top:3rem}.homepage-button{align-items:center;background:#0000;border:2px solid var(--accent-primary);border-radius:8px;color:var(--accent-primary);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:var(--text-lg);font-weight:var(--font-medium);gap:.75rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.homepage-button:before{background:linear-gradient(90deg,#0000,#4a9eff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-base);width:100%}.homepage-button:hover:before{left:100%}.homepage-button:after{animation:button-shimmer 2.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff3,#4a9eff40,#fff3,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:60%}.homepage-button:hover:after{animation-play-state:paused}@keyframes button-shimmer{0%{left:-100%;opacity:1}to{left:150%;opacity:1}}.homepage-button:hover{background:#4a9eff1a;box-shadow:var(--shadow-glow)}.button-arrow,.button-text{position:relative;z-index:1}.button-arrow{transition:transform .2s cubic-bezier(.4,0,.2,1)}.homepage-button:hover .button-arrow{transform:translateX(4px)}.homepage-scroll-hint{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-top:3rem}.scroll-hint-text{color:var(--text-tertiary);font-family:var(--font-code);font-size:.85rem}.scroll-hint-chevron{color:var(--accent-primary);font-size:1.25rem;opacity:.8}@media (max-width:768px){.homepage-container{padding:1.5rem 1rem 3rem}.homepage-title{font-size:2.5rem}.homepage-greeting{font-size:var(--text-base)}.homepage-subtitle-container{min-height:150px}.homepage-button{font-size:var(--text-base);padding:.875rem 1.5rem}.homepage-scroll-hint{display:none}}.homepage:before{background-image:radial-gradient(circle at 20% 50%,#4a9eff08 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf608 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.homepage-container{position:relative;z-index:1}.hamburger-menu{position:relative;z-index:1000}.hamburger-icon{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;height:40px;justify-content:center;padding:.5rem;position:fixed;right:1rem;top:1rem;transition:all var(--transition-base);width:40px;z-index:1001}.hamburger-icon:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.line{background:var(--text-primary);border-radius:2px;height:2px;transition:all var(--transition-base);width:100%}.line-open:first-child{transform:rotate(45deg) translate(8px,8px)}.line-open:nth-child(2){opacity:0}.line-open:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.menu-dropdown{background:var(--bg-secondary);border-left:1px solid var(--border-primary);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:1rem;height:100vh;overflow-y:auto;padding:4rem 2rem 2rem;position:fixed;right:-100%;top:0;transition:right var(--transition-slow);width:250px;z-index:1000}.menu-dropdown.menu-open{right:0}.menu-link{border:1px solid #0000;border-radius:8px;color:var(--text-secondary);display:block;font-family:var(--font-primary);font-size:var(--text-lg);font-weight:var(--font-medium);padding:1rem;position:relative;text-decoration:none;transition:all var(--transition-base)}.menu-link:before{color:var(--text-tertiary);content:"//";font-family:var(--font-code);margin-right:.5rem}.menu-link:hover{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--accent-primary);transform:translateX(5px)}.menu-link:active{transform:translateX(5px) scale(.98)}.menu-dropdown.menu-open:before{animation:fadeIn var(--transition-base);background:#00000080;bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}@media (min-width:769px){.hamburger-menu{display:none}}.projects-page{background:var(--bg-primary);min-height:100vh}.projects-shell{margin:0 auto;max-width:1280px;padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,2rem) 5rem}.projects-hero{margin-bottom:clamp(2rem,4vw,3rem);max-width:52rem}.projects-hero__eyebrow{color:var(--accent-primary);font-family:var(--font-code);font-size:.8rem;letter-spacing:.12em;margin:0 0 .75rem;text-transform:uppercase}.projects-hero__title{color:var(--text-primary);font-family:var(--font-primary);font-size:clamp(2.25rem,6vw,3.75rem);font-weight:var(--font-bold);letter-spacing:-.03em;line-height:1.05;margin:0 0 1rem}.projects-hero__slash{color:var(--text-tertiary);font-weight:var(--font-normal);margin-right:.15em}.projects-hero__lead{color:var(--text-secondary);font-size:clamp(1rem,2vw,1.125rem);line-height:1.65;margin:0 0 1.5rem}.projects-hero__stats{align-items:baseline;display:flex;flex-wrap:wrap;gap:1.5rem}.projects-stat{align-items:baseline;display:flex;gap:.5rem}.projects-stat strong{font-feature-settings:"tnum";color:var(--text-primary);font-size:1.75rem;font-variant-numeric:tabular-nums}.projects-stat__label{color:var(--text-tertiary);font-family:var(--font-code);font-size:.8rem}.projects-stat--muted strong{color:var(--text-secondary)}.projects-toolbar{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:clamp(2rem,4vw,3rem)}.projects-toolbar__block{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#ffffff0a,#ffffff05);border:1px solid #ffffff14;border-radius:16px;padding:1.25rem 1.35rem}.projects-toolbar__head{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.projects-toolbar__label{color:var(--text-tertiary);font-family:var(--font-code);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.projects-clear-filters{background:#0000;border:1px solid var(--border-primary);border-radius:999px;color:var(--accent-primary);cursor:pointer;font-family:var(--font-code);font-size:.75rem;padding:.35rem .75rem;transition:border-color .2s,background .2s}.projects-clear-filters:hover{background:#4a9eff14;border-color:var(--accent-primary)}.projects-category-chips{display:flex;flex-wrap:wrap;gap:.65rem}.category-chip{align-items:center;background:#00000040;border:1px solid #ffffff1f;border-radius:999px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:.875rem;gap:.5rem;padding:.55rem 1rem;transition:transform .2s ease,border-color .2s,box-shadow .2s,background .2s}.category-chip:hover{border-color:#ffffff40;transform:translateY(-1px)}.category-chip__dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.category-chip--website .category-chip__dot{background:linear-gradient(135deg,#38bdf8,#6366f1);box-shadow:0 0 12px #38bdf873}.category-chip--mobile .category-chip__dot{background:linear-gradient(135deg,#f472b6,#a855f7);box-shadow:0 0 12px #f472b666}.category-chip--desktop .category-chip__dot{background:linear-gradient(135deg,#fbbf24,#f97316);box-shadow:0 0 12px #fbbf2466}.category-chip--extension .category-chip__dot{background:linear-gradient(135deg,#34d399,#22d3ee);box-shadow:0 0 12px #34d39966}.category-chip--active{background:#4a9eff1f;border-color:#4a9eff8c;box-shadow:0 0 0 1px #4a9eff26;color:var(--text-primary)}.projects-toolbar__hint{color:var(--text-tertiary);font-size:.8125rem;line-height:1.5;margin:1rem 0 0}.tech-filter{background:var(--bg-secondary);border:1px solid #ffffff14;border-radius:14px;overflow:hidden}.tech-filter__toggle{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-family:inherit;gap:.75rem;padding:1rem 1.25rem;text-align:left;transition:background .2s;width:100%}.tech-filter__toggle:hover{background:var(--bg-hover)}.tech-filter__toggle-label{color:var(--text-secondary);flex:1 1;font-family:var(--font-code);font-size:.8rem}.tech-filter__badge{background:#4a9eff33;border-radius:6px;color:var(--accent-primary);font-family:var(--font-code);font-size:.7rem;padding:.15rem .5rem}.tech-filter__chevron{color:var(--text-tertiary);font-size:1.1rem;text-align:center;width:1.5rem}.tech-filter__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1)}.tech-filter--open .tech-filter__panel{grid-template-rows:1fr}.tech-filter__tags{display:flex;flex-wrap:wrap;gap:.5rem;min-height:0;overflow:hidden;padding:0 1.25rem 1rem}.tech-pill{background:#0000;border:1px solid var(--border-primary);border-radius:999px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-code);font-size:.75rem;padding:.4rem .85rem;transition:all .2s ease}.tech-pill--selected,.tech-pill:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.tech-pill--selected{background:#4a9eff26}.projects-grid-modern{grid-gap:clamp(1.25rem,3vw,2rem);display:grid;gap:clamp(1.25rem,3vw,2rem);grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}.project-tile{background:var(--bg-secondary);border:1px solid #ffffff12;border-radius:20px;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease,transform .35s cubic-bezier(.22,1,.36,1)}.project-tile:hover{border-color:#4a9eff59;box-shadow:0 24px 48px -20px #0000008c,0 0 0 1px #4a9eff14;transform:translateY(-6px)}.project-tile__link{color:inherit;display:flex;flex-direction:column;height:100%;text-decoration:none}.project-tile__visual{align-items:center;aspect-ratio:16/10;display:flex;justify-content:center;overflow:hidden;position:relative}.project-tile__visual:after{background:linear-gradient(0deg,#0a0c12d9 0,#0000 45%);content:"";inset:0;pointer-events:none;position:absolute}.project-tile__logo{filter:drop-shadow(0 12px 24px rgba(0,0,0,.35));height:auto;max-width:140px;object-fit:contain;position:relative;transition:transform .45s cubic-bezier(.22,1,.36,1);width:42%;z-index:1}.project-tile:hover .project-tile__logo{transform:scale(1.06)}.project-tile__body{background:linear-gradient(180deg,var(--bg-secondary) 0,var(--bg-primary) 100%);display:flex;flex:1 1;flex-direction:column;gap:.65rem;padding:1.25rem 1.35rem 1.4rem}.project-tile__categories{display:flex;flex-wrap:wrap;gap:.4rem}.surface-pill{border:1px solid #0000;border-radius:6px;font-family:var(--font-code);font-size:.65rem;font-weight:600;letter-spacing:.04em;padding:.2rem .55rem;text-transform:uppercase}.surface-pill--website{background:#38bdf81f;border-color:#38bdf840;color:#7dd3fc}.surface-pill--mobile{background:#d946ef1f;border-color:#d946ef40;color:#f0abfc}.surface-pill--desktop{background:#f59e0b1f;border-color:#f59e0b40;color:#fcd34d}.surface-pill--extension{background:#34d3991f;border-color:#34d39940;color:#6ee7b7}.project-tile__name{color:var(--text-primary);font-family:var(--font-primary);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0}.project-tile__dates{color:var(--text-tertiary);display:flex;flex-wrap:wrap;font-family:var(--font-code);font-size:.72rem;gap:.65rem 1.25rem;margin:.15rem 0 .25rem}.project-tile__date{align-items:baseline;display:inline-flex;gap:.35rem}.project-tile__date-label{font-size:.62rem;letter-spacing:.07em;opacity:.9;text-transform:uppercase}.project-tile__date time,.project-tile__desc{color:var(--text-secondary)}.project-tile__desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;flex:1 1;font-size:.9rem;line-height:1.55;margin:0;overflow:hidden}.project-tile__tech{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem}.project-tile__tech-tag{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:4px;padding:.2rem .5rem}.project-tile__tech-more,.project-tile__tech-tag{color:var(--text-tertiary);font-family:var(--font-code);font-size:.65rem}.project-tile__cta{align-items:center;color:var(--accent-primary);display:inline-flex;font-size:.9rem;font-weight:600;gap:.35rem;margin-top:.35rem}.project-tile__cta-arrow{transition:transform .25s ease}.project-tile:hover .project-tile__cta-arrow{transform:translateX(5px)}.projects-empty-state{border:1px dashed var(--border-primary);border-radius:16px;margin-top:1rem;padding:4rem 1.5rem;text-align:center}.projects-empty-state__title{color:var(--text-primary);font-size:1.25rem;margin:0 0 .5rem}.projects-empty-state__text{color:var(--text-secondary);font-size:.95rem;margin:0 0 1.25rem}.projects-empty-state__btn{background:#4a9eff1a;border:1px solid var(--accent-primary);border-radius:999px;color:var(--accent-primary);cursor:pointer;font-family:var(--font-code);font-size:.85rem;padding:.6rem 1.25rem}.projects-empty-state__btn:hover{background:#4a9eff2e}@media (max-width:640px){.projects-category-chips{align-items:stretch;flex-direction:column}.category-chip{justify-content:flex-start}}.contact-page{background:var(--bg-primary);min-height:100vh}.contact-container{margin:0 auto;max-width:1200px;padding:3rem 1.5rem}.contact-header{margin-bottom:3rem;text-align:center}.contact-title{color:var(--text-primary);font-family:var(--font-primary);font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-bold);margin-bottom:2rem}.contact-terminal{margin:0 auto;max-width:100%}.contact-methods{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.contact-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;padding:2rem;position:relative;transition:all var(--transition-base)}.contact-card:before{background:linear-gradient(90deg,var(--accent-primary),var(--code-purple));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.contact-card:hover:before{transform:scaleX(1)}.contact-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-glow);transform:translateY(-5px)}.contact-card-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.contact-icon{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--accent-primary);display:flex;font-size:2rem;height:50px;justify-content:center;width:50px}.contact-card-title{color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.contact-card-description{color:var(--text-secondary)}.contact-card-description,.contact-code{font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:1.5rem}.contact-code{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;font-family:var(--font-code);overflow-x:auto;padding:1rem}.code-keyword{color:var(--code-purple)}.code-keyword,.code-variable{font-weight:var(--font-semibold)}.code-variable{color:var(--code-blue)}.code-string{color:var(--code-green)}.contact-link{margin-top:auto;text-decoration:none}.contact-button{align-items:center;background:#0000;border:2px solid var(--accent-primary);border-radius:8px;color:var(--accent-primary);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-medium);gap:.5rem;justify-content:center;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all var(--transition-base);width:100%}.contact-button:before{background:#4a9eff1a;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-base);width:100%}.contact-button:hover:before{left:0}.contact-button:hover{background:#4a9eff1a;box-shadow:var(--shadow-glow)}.button-arrow{transition:transform var(--transition-base)}.contact-button:hover .button-arrow{transform:translateX(4px)}.enquiry-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;margin-left:auto;margin-right:auto;margin-top:4rem;max-width:800px;padding:2.5rem}.enquiry-title{color:var(--text-primary);font-family:var(--font-primary);font-size:clamp(1.5rem,4vw,2rem);font-weight:var(--font-bold);margin-bottom:2rem}.enquiry-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-medium)}.required{color:var(--accent-primary);margin-left:.25rem}.form-input{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-base);outline:none;padding:.875rem 1rem;transition:all var(--transition-base)}.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #4a9eff1a}.form-input.error{border-color:#f44}.form-input.error:focus{box-shadow:0 0 0 3px #ff44441a}.form-input:disabled{cursor:not-allowed;opacity:.6}.form-textarea{line-height:var(--leading-relaxed);min-height:120px;resize:vertical}.error-message,.form-textarea{font-family:var(--font-primary)}.error-message{color:#f44;font-size:var(--text-xs);margin-top:.25rem}.contact-error{background:#ff44441a;border-radius:6px;margin-top:-.5rem;padding:.75rem;text-align:center}.submit-message{animation:slideIn .3s ease-out;border-radius:8px;font-family:var(--font-primary);font-size:var(--text-sm);padding:1rem;text-align:center}.submit-message.success{background:#4caf501a;border:1px solid #4caf504d;color:#4caf50}.submit-message.error{background:#ff44441a;border:1px solid #ff44444d;color:#f44}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.submit-button{align-items:center;background:var(--accent-primary);border:none;border-radius:8px;color:var(--bg-primary);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-medium);gap:.5rem;justify-content:center;margin-top:.5rem;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all var(--transition-base);width:100%}.submit-button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;width:0}.submit-button:hover:before{height:300px;width:300px}.submit-button:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.submit-button:disabled:hover{box-shadow:none;transform:none}.submit-button:hover .button-arrow{transform:translateX(4px)}@media (max-width:768px){.contact-container{padding:2rem 1rem}.contact-methods{gap:1.5rem;grid-template-columns:1fr}.contact-card{padding:1.5rem}.contact-card-header{align-items:flex-start;flex-direction:column;gap:.75rem}.contact-icon{font-size:1.5rem;height:40px;width:40px}.enquiry-section{margin-top:3rem;padding:1.5rem}.form-row{gap:1.5rem;grid-template-columns:1fr}}.code-block{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-md);margin:1.5rem 0;overflow:hidden}.code-block-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:.5rem 1rem}.code-block-language{font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase}.code-block-copy,.code-block-language{color:var(--text-secondary);font-size:var(--text-xs)}.code-block-copy{background:#0000;border:1px solid var(--border-primary);border-radius:4px;cursor:pointer;font-family:var(--font-code);padding:.25rem .75rem;transition:all var(--transition-base)}.code-block-copy:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.code-block-content{background:var(--bg-primary);font-family:var(--font-code);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0;overflow-x:auto;padding:1rem}.code-block-content code{background:#0000;color:var(--text-primary);display:block;padding:0;white-space:pre}.code-line{display:inline-block;padding-left:1rem}.code-line-number{border-right:1px solid var(--border-primary);color:var(--text-tertiary);display:inline-block;margin-right:1rem;padding-right:1rem;text-align:right;-webkit-user-select:none;user-select:none;width:3rem}.code-block-content .language-javascript{color:var(--code-green)}.code-block-content .language-javascript .keyword{color:var(--code-purple)}.code-block-content .language-javascript .string{color:var(--code-yellow)}.code-block-content .language-javascript .function{color:var(--code-blue)}.code-block-content .language-javascript .comment{color:var(--text-tertiary);font-style:italic}.about-page{background:var(--bg-primary);min-height:100vh}.about-container{margin:0 auto;max-width:1000px;padding:3rem 1.5rem}.about-header{margin-bottom:3rem;text-align:center}.about-title{color:var(--text-primary);font-family:var(--font-primary);font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-bold);margin-bottom:2rem}.about-terminal{margin:0 auto;max-width:100%}.about-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;margin-bottom:2rem;padding:2rem;transition:all var(--transition-base)}.about-section:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.section-title{margin-bottom:1rem}.section-description{margin-bottom:1.5rem}.projects-list{display:flex;flex-direction:column;gap:1.5rem}.project-item{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--code-green);font-family:var(--font-code);font-size:var(--text-sm);line-height:var(--leading-relaxed);padding:1.5rem;transition:all var(--transition-base)}.project-item:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.project-keyword{color:var(--code-purple)}.project-keyword,.project-name{font-weight:var(--font-semibold)}.project-name{color:var(--code-blue)}.project-property{color:var(--code-cyan)}.skills-codeblock{margin-top:1rem}.beyond-coding{display:flex;flex-direction:column;gap:1.5rem}.activity-item{background:var(--bg-tertiary);border:1px solid var(--border-primary);font-family:var(--font-code);font-size:var(--text-sm);line-height:var(--leading-relaxed);padding:1.5rem;transition:all var(--transition-base)}.activity-item:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.activity-keyword{color:var(--code-purple);font-weight:var(--font-semibold);margin-right:.5rem}.activity-code{color:var(--code-green);display:block;margin-top:.5rem;padding-left:1rem}.about-footer{margin-top:3rem;text-align:center}.about-footer-terminal{margin:0 auto;max-width:100%}@media (max-width:768px){.about-container{padding:2rem 1rem}.about-section{padding:1.5rem}.section-title{font-size:var(--text-xl)}.activity-item,.project-item{font-size:var(--text-xs);padding:1rem}}.project-site-embed-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-lg);margin-top:.5rem;overflow:hidden;position:relative;width:100%}.project-site-embed-frame-wrap{min-height:min(680px,85vh);position:relative;width:100%}.project-site-embed-iframe{background:var(--bg-primary);border:none;display:block;height:min(680px,85vh);min-height:560px;width:100%}.project-site-embed-placeholder{align-items:center;color:var(--text-secondary);display:flex;font-family:var(--font-code);font-size:var(--text-sm);justify-content:center;min-height:min(680px,85vh);padding:2rem;text-align:center}@media (max-width:768px){.project-site-embed-frame-wrap{min-height:min(720px,88vh)}.project-site-embed-iframe{height:min(720px,88vh);min-height:600px}.project-site-embed-placeholder{min-height:min(720px,88vh)}}.version-switcher{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:500px;padding:.5rem}.version-button{background:#0000;border:2px solid #0000;border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-medium);overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all var(--transition-base)}.version-button:before{background:#4a9eff1a;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-base);width:100%}.version-button:hover:before{left:0}.version-button:hover{border-color:var(--border-primary);color:var(--text-primary)}.version-button.active{background:#4a9eff26;border-color:var(--accent-primary);box-shadow:var(--shadow-glow);color:var(--accent-primary)}.version-button.active:before{left:0}.project-links{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.project-link{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:8px;display:flex;gap:1rem;overflow:hidden;padding:1.25rem 1.5rem;position:relative;text-decoration:none;transition:all var(--transition-base)}.project-link:before{background:linear-gradient(90deg,#0000,#4a9eff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.project-link:hover:before{left:100%}.project-link:hover{background:var(--bg-hover);border-color:var(--accent-primary);box-shadow:var(--shadow-glow);transform:translateX(5px)}.link-icon{flex-shrink:0;font-size:var(--text-2xl)}.link-text{color:var(--text-primary);font-family:var(--font-code);font-size:var(--text-base);font-weight:var(--font-medium)}.project-link:hover .link-text{color:var(--accent-primary)}.video-gallery{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1.5rem}.video-container{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;cursor:pointer;overflow:hidden;transition:all var(--transition-base)}.video-container:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-glow);transform:translateY(-5px)}.gallery-video{background:var(--bg-primary);display:block;height:auto;width:100%}.video-caption{color:var(--text-secondary);font-family:var(--font-code);font-size:var(--text-sm);margin:0;padding:1rem;text-align:center}.modal-video{background:var(--bg-primary);border-radius:8px;max-height:80vh;width:100%}@media (max-width:768px){.project-container{padding:2rem 1rem}.project-section{padding:1.5rem}.project-link{padding:1rem}.link-text{font-size:var(--text-sm)}.video-gallery{gap:1.5rem;grid-template-columns:1fr}.modal-content{padding:1rem}}.project-page{background:var(--bg-primary);min-height:100vh}.project-container{margin:0 auto;max-width:1200px;padding:3rem 1.5rem}.project-header{margin-bottom:3rem;text-align:center}.project-logo{border-radius:12px;box-shadow:var(--shadow-lg);height:auto;margin-bottom:2rem;max-width:200px}.project-title{color:var(--text-primary);font-family:var(--font-primary);font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-bold);margin-bottom:2rem}.code-comment{font-weight:var(--font-normal);margin-right:.5rem}.project-terminal{margin:0 auto;max-width:100%}.project-content{display:flex;flex-direction:column;gap:3rem}.project-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:2rem;transition:all var(--transition-base)}.project-section:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.section-title{color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:1.5rem}.section-description{color:var(--text-secondary);font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:1rem}.features-list{display:flex;flex-direction:column;gap:1rem}.feature-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;display:flex;font-family:var(--font-code);font-size:var(--text-base);gap:1rem;padding:1rem;transition:all var(--transition-base)}.feature-item:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.feature-keyword{color:var(--code-green);font-size:var(--text-lg);font-weight:var(--font-bold)}.feature-text{color:var(--text-primary)}.image-gallery,.project-media,.video-gallery{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1.5rem}.image-container,.media-container,.video-container{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;cursor:pointer;overflow:hidden;transition:all var(--transition-base)}.image-container:hover,.media-container:hover,.video-container:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-glow);transform:translateY(-5px)}.gallery-image,.gallery-video,.project-image,.project-video-preview{background:var(--bg-primary);display:block;height:auto;width:100%}.image-caption,.media-caption,.video-caption{color:var(--text-secondary);font-family:var(--font-code);font-size:var(--text-sm);margin:0;padding:1rem;text-align:center}.modal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-xl);max-height:90vh;max-width:90vw;padding:2rem;position:relative}.modal-close{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-2xl);height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all var(--transition-base);width:40px;z-index:1001}.modal-close:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-inverse)}.modal-image,.modal-video{background:var(--bg-primary);border-radius:8px;max-height:80vh;object-fit:contain;width:100%}.modal-caption{color:var(--text-secondary);font-family:var(--font-code);font-size:var(--text-base);margin-top:1rem;text-align:center}.external-link-button{align-items:center;background:#0000;border:2px solid var(--accent-primary);border-radius:8px;color:var(--accent-primary);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-medium);gap:.5rem;margin:1.5rem 0;padding:1rem 2rem;text-decoration:none;transition:all var(--transition-base)}.external-link-button:hover{background:#4a9eff1a;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.project-selector{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;margin:2rem 0;padding:1.5rem}.selector-label{color:var(--text-secondary);display:block;font-family:var(--font-code);font-size:var(--text-sm);margin-bottom:.75rem}.project-dropdown{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;font-family:var(--font-primary);font-size:var(--text-base);padding:.75rem 1rem;transition:all var(--transition-base);width:100%}.project-dropdown:focus,.project-dropdown:hover{border-color:var(--accent-primary)}.project-dropdown:focus{box-shadow:var(--shadow-glow);outline:none}.recount-links-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.recount-store-soon{background:#0000;border:1px dashed var(--border-primary);border-radius:8px;color:var(--text-tertiary);cursor:not-allowed;font-family:var(--font-code);font-size:var(--text-sm);padding:.65rem 1.25rem}@media (max-width:768px){.project-container{padding:2rem 1rem}.project-section{padding:1.5rem}.image-gallery,.project-media,.video-gallery{gap:1.5rem;grid-template-columns:1fr}.modal-content{padding:1rem}}.tech-stack-section{border-top:1px solid var(--border-primary);margin-top:2.5rem;padding-top:2rem}.tech-stack-title{color:var(--text-primary);font-family:var(--font-primary);font-size:clamp(1.2rem,3vw,1.5rem);font-weight:var(--font-bold);margin-bottom:1.5rem}.networth-live-note{background:#0fbfb814;border:1px solid #0fbfb840;border-radius:8px;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.55;margin:0 0 1rem;padding:1rem 1.25rem}.networth-deploy-grid{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:.75rem}.networth-deploy-grid dt{color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.06em;margin:0;text-transform:uppercase}.networth-deploy-grid dd{font-family:ui-monospace,monospace;font-size:var(--text-sm);margin:.15rem 0 0;word-break:break-all}.networth-deploy-grid a{color:var(--accent-primary)}.networth-link-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.external-link-button--secondary{background:#0000;border:1px solid var(--border-primary);padding:.65rem 1.25rem}.tech-badge:hover{box-shadow:0 4px 12px #0fbfb81f}.business-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:1.5rem}.business-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem;transition:all var(--transition-base)}.business-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.business-name{color:var(--accent-primary);font-family:var(--font-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:.75rem}.business-description{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.media-controls{display:flex;gap:1rem;margin-bottom:1.5rem}.media-button{background:#0000;border:2px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-primary);font-size:var(--text-base);padding:.75rem 1.5rem;transition:all var(--transition-base)}.media-button.active,.media-button:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.media-button.active{background:#4a9eff26;box-shadow:var(--shadow-glow)}.media-info{background:var(--bg-tertiary);border-top:1px solid var(--border-primary);padding:1rem}.media-caption{color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:.5rem}.media-description{color:var(--text-secondary);font-family:var(--font-primary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.modal-info{background:var(--bg-secondary);padding:1.5rem}.modal-caption{color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:1rem}.modal-description{color:var(--text-secondary);font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}@media (max-width:768px){.business-grid{grid-template-columns:1fr}.media-description{font-size:var(--text-xs)}.modal-description{font-size:var(--text-sm)}}.tech-icon{color:var(--accent-primary);font-size:1.2rem}@media (max-width:768px){.tech-stack-grid{grid-template-columns:1fr}.tech-badge{padding:.75rem 1rem}}.flashcard-wrapper{display:flex;justify-content:center;margin:2rem 0;perspective:1000px}.flashcard{cursor:pointer;height:300px;max-width:500px;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.flashcard.flipped{transform:rotateY(180deg)}.flashcard.animating{pointer-events:none}.flashcard-face{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;position:absolute;width:100%}.flashcard-back{background:var(--bg-tertiary);transform:rotateY(180deg)}.flashcard-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.flashcard-content h3{color:var(--accent-primary);font-family:var(--font-code);font-size:var(--text-xl);margin-bottom:1rem}.flashcard-content p{color:var(--text-primary);font-size:var(--text-lg);line-height:var(--leading-relaxed)}.flashcard-hint{color:var(--text-tertiary);font-family:var(--font-code);font-size:var(--text-sm);margin-top:1rem}.flashcard-controls{align-items:center;display:flex;gap:2rem;justify-content:center;margin-top:2rem}.flashcard-button{background:#0000;border:2px solid var(--accent-primary);border-radius:8px;color:var(--accent-primary);cursor:pointer;font-family:var(--font-primary);font-size:var(--text-base);padding:.75rem 1.5rem;transition:all var(--transition-base)}.flashcard-button:hover:not(:disabled){background:#4a9eff1a;box-shadow:var(--shadow-glow)}.flashcard-button:disabled{cursor:not-allowed;opacity:.5}.flashcard-counter{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);font-family:var(--font-code);font-size:var(--text-base);padding:.5rem 1rem}@media (max-width:768px){.flashcard{height:250px}.flashcard-content{padding:1.5rem}}.brute-forcer-embed-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden;position:relative;width:100%}.brute-forcer-embed-frame-wrap{min-height:min(720px,88vh);position:relative;width:100%}@media (max-width:768px){.brute-forcer-embed-frame-wrap{min-height:min(800px,92vh)}}.brute-forcer-iframe{background:var(--bg-tertiary);border:none;display:block;height:100%;min-height:min(720px,88vh);width:100%}@media (max-width:768px){.brute-forcer-iframe{min-height:min(800px,92vh)}}.brute-forcer-embed-loading{align-items:center;background:var(--bg-secondary);color:var(--text-secondary);display:flex;flex-direction:column;font-family:var(--font-primary);font-size:var(--text-sm);gap:1rem;inset:0;justify-content:center;padding:2rem;position:absolute;z-index:1}.brute-forcer-spinner{animation:brute-forcer-spin .85s linear infinite;border:3px solid var(--border-primary);border-radius:50%;border-top-color:var(--accent-primary);height:2.5rem;width:2.5rem}@keyframes brute-forcer-spin{to{transform:rotate(1turn)}}.brute-forcer-embed-error{background:var(--bg-tertiary);border-top:1px solid var(--border-primary);padding:2rem}.brute-forcer-embed-error[role=alert]{outline:none}.brute-forcer-error-title{color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 .75rem}.brute-forcer-error-text{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0 0 1rem}.brute-forcer-deferred-placeholder{align-items:center;color:var(--text-tertiary);display:flex;font-family:var(--font-primary);font-size:var(--text-sm);justify-content:center;min-height:min(280px,40vh);padding:2rem;text-align:center}.external-link-button--secondary{font-size:var(--text-sm);margin-top:1rem;padding:.75rem 1.5rem}.tech-stack-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.tech-badge{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;cursor:default;display:flex;gap:.75rem;padding:.875rem 1.25rem;transition:all var(--transition-base)}.tech-badge:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #4a9eff26;transform:translateY(-2px)}.tech-name{color:var(--text-primary);font-family:var(--font-code);font-size:var(--text-sm);font-weight:var(--font-medium)}@media (max-width:768px){.tech-stack-grid{grid-template-columns:1fr}}.inline-site-link{color:var(--accent-primary);font-weight:var(--font-semibold);text-decoration:underline;text-underline-offset:3px}.inline-site-link:hover{color:var(--text-primary)}.engineering-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:1.5rem}.engineering-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem;text-align:center;transition:all var(--transition-base)}.engineering-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.engineering-icon{display:block;font-size:2rem;margin-bottom:.75rem}.engineering-card strong{color:var(--accent-primary);display:block;font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:.5rem}.engineering-card p{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}@media (max-width:768px){.engineering-grid{grid-template-columns:1fr}}.humza-login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.humza-login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:40px;text-align:center;width:100%}.humza-login-title{color:#333;font-size:2rem;font-weight:700;margin-bottom:10px}.humza-login-subtitle{color:#666;font-size:1rem;margin-bottom:30px}.humza-login-error{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:.9rem;margin-bottom:20px;padding:12px}.humza-login-button{align-items:center;background-color:#4285f4;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:12px;justify-content:center;margin-bottom:20px;padding:12px 24px;transition:background-color .3s ease;width:100%}.humza-login-button:hover:not(:disabled){background-color:#357ae8}.humza-login-button:disabled{cursor:not-allowed;opacity:.6}.google-icon{height:20px;width:20px}.humza-login-note{color:#999;font-size:.85rem;margin-top:20px}.traffic-container{background-color:#f5f5f5;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.traffic-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.traffic-header h1{color:#333;font-size:2rem;margin:0}.traffic-header-actions{display:flex;gap:12px}.traffic-refresh-btn,.traffic-signout-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .3s ease}.traffic-refresh-btn{background-color:#667eea;color:#fff}.traffic-refresh-btn:hover:not(:disabled){background-color:#5568d3}.traffic-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.traffic-signout-btn{background-color:#dc3545;color:#fff}.traffic-signout-btn:hover{background-color:#c82333}.filters-section{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.environment-filter{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.filter-header{margin-bottom:15px}.filter-header h3{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 5px}.filter-subtitle{color:#666;font-size:.9rem}.filter-buttons{display:flex;flex-wrap:wrap;gap:12px}.filter-btn{background:#fff;border:2px solid #dee2e6;border-radius:6px;color:#666;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.filter-btn:hover{background-color:#667eea0d;border-color:#667eea;color:#667eea}.filter-btn.active{background-color:#667eea;border-color:#667eea;color:#fff;font-weight:600}.filter-btn.active.localhost{background-color:#f093fb;border-color:#f093fb}.filter-btn.active.production{background-color:#43e97b;border-color:#43e97b}.date-time-filter{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.time-range-controls{display:flex;flex-direction:column;gap:15px}.quick-filters{display:flex;flex-wrap:wrap;gap:10px}.time-filter-btn{background:#fff;border:2px solid #dee2e6;border-radius:6px;color:#666;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.time-filter-btn:hover{background-color:#764ba20d;border-color:#764ba2;color:#764ba2}.time-filter-btn.active{background-color:#764ba2;border-color:#764ba2;color:#fff;font-weight:600}.custom-date-range{align-items:flex-end;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;display:flex;flex-wrap:wrap;gap:15px;padding:15px}.date-input-group{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:200px}.date-input-group label{color:#666;font-size:.85rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.date-input{background:#fff;border:2px solid #dee2e6;border-radius:6px;color:#333;font-family:inherit;font-size:.9rem;padding:10px 12px;transition:border-color .3s ease}.date-input:focus{border-color:#764ba2;box-shadow:0 0 0 3px #764ba21a;outline:none}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.date-input::-webkit-calendar-picker-indicator:hover{opacity:1}.clear-date-btn{background:#fff;border:2px solid #dc3545;border-radius:6px;color:#dc3545;cursor:pointer;font-size:.9rem;font-weight:500;height:-webkit-fit-content;height:fit-content;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.clear-date-btn:hover{background-color:#dc3545;color:#fff}.current-range-display{align-items:center;background:#e7f3ff;border:1px solid #b3d9ff;border-radius:6px;display:flex;font-size:.9rem;gap:10px;padding:12px 15px}.current-range-display.warning{background:#fff3cd;border-color:#ffc107}.current-range-display.warning .range-label{color:#856404}.current-range-display.info{background:#d1ecf1;border-color:#0c5460}.current-range-display.info .range-label{color:#0c5460}.range-label{color:#666;font-weight:500}.range-value{color:#764ba2;font-weight:600}.traffic-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.stat-card.expanded{text-align:left}.stat-card-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:10px}.stat-title-group{align-items:center;display:flex;gap:8px}.stat-icon{color:#667eea;font-size:1rem}.stat-card h3{color:#666;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.expand-countries-btn{align-items:center;background:none;border:none;color:#667eea;cursor:pointer;display:flex;font-size:.9rem;justify-content:center;padding:5px;transition:transform .2s ease}.expand-countries-btn:hover{color:#5568d3;transform:scale(1.2)}.stat-value{color:#333;font-size:2rem;font-weight:700;margin:0;transition:color .2s ease}.countries-card .stat-value:hover{color:#667eea}.countries-card.expanded .stat-value{margin-bottom:15px;text-align:center}.countries-tags-container{animation:slideDown .3s ease;border-top:2px solid #e9ecef;margin-top:20px;padding-top:20px}.countries-header{border-bottom:1px solid #e9ecef;margin-bottom:15px;padding-bottom:10px}.countries-title-row{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:5px}.countries-header h4{color:#333;flex:1 1;font-size:1rem;font-weight:600;margin:0}.clear-country-filter-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:4px 12px;transition:background-color .2s ease;white-space:nowrap}.clear-country-filter-btn:hover{background:#c82333}.countries-subtitle{color:#666;display:block;font-size:.85rem;margin-top:5px}.countries-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.country-tag{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #0000;border-radius:20px;box-shadow:0 2px 4px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.country-tag:hover{border-color:#ffffff80;box-shadow:0 4px 8px #667eea66;transform:translateY(-2px)}.country-tag.selected{background:linear-gradient(135deg,#43e97b,#38f9d7);border-color:#fffc;box-shadow:0 4px 12px #43e97b80;font-weight:600;transform:scale(1.05)}.country-tag.selected:hover{box-shadow:0 6px 16px #43e97b99;transform:scale(1.08) translateY(-2px)}.country-flag{font-size:1rem}.country-name{font-weight:600}.country-count{background:#ffffff4d;border-radius:10px;font-size:.75rem;font-weight:700;min-width:24px;padding:2px 6px;text-align:center}.country-filter-indicator{font-size:.9rem;font-weight:700;margin-left:4px}.no-countries{background:#f8f9fa;border-radius:6px;color:#999;font-style:italic;margin:0;padding:20px;text-align:center}.stat-breakdown{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px}.breakdown-item{border-radius:4px;font-size:.75rem;font-weight:500;padding:4px 8px}.breakdown-item.production{background-color:#43e97b33;color:#28a745}.breakdown-item.localhost{background-color:#f093fb33;color:#d63384}.traffic-tabs{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:10px;margin-bottom:20px;padding:10px}.traffic-tab{align-items:center;background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.traffic-tab:hover{background-color:#f0f0f0}.traffic-tab.active{background-color:#667eea;color:#fff}.filter-badge{align-items:center;background:#ffffff40;border-radius:12px;display:inline-flex;font-size:.7rem;font-weight:600;padding:2px 8px;white-space:nowrap}.traffic-tab.active .filter-badge.country-badge{background:#43e97b4d;border:1px solid #ffffff80;color:#fff}.traffic-tab:not(.active) .filter-badge.country-badge{background:#43e97b33;border:1px solid #43e97b4d;color:#28a745}.traffic-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;padding:20px}.traffic-tab-content{display:flex;flex-direction:column;gap:30px}.media-clicks-intro,.time-on-page-intro{color:#555;font-size:.95rem;line-height:1.4;margin:0 0 8px}.time-summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.time-summary-card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;gap:6px;padding:16px 20px}.time-summary-label{color:#666;font-size:.8rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.time-summary-value{color:#333;font-size:1.35rem;font-weight:600}.time-summary-value.time-total{color:#28a745;font-size:1.5rem}.time-by-page-section{background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 1px 3px #0000000f;padding:20px}.time-by-page-section h3{color:#333;font-size:1.1rem;margin:0 0 16px}.time-by-page-table-wrapper{overflow-x:auto}.time-by-page-table{min-width:400px;width:100%}.time-by-page-table .path-cell code{background:#f0f0f0;border-radius:4px;font-size:.9rem;padding:4px 8px;word-break:break-all}.time-by-page-table .num{text-align:right;white-space:nowrap}.time-by-page-table .duration-cell{color:#28a745;font-weight:600}.no-data-inline{color:#888;font-style:italic;margin:0}.path-inline{background:#f5f5f5;border-radius:4px;font-size:.85rem;padding:2px 6px;word-break:break-all}.time-badge.duration-badge{background:#28a7451a;color:#28a745;font-weight:600}.traffic-table .date-cell{color:#555;font-size:.9rem;white-space:nowrap}.traffic-error,.traffic-loading{padding:40px;text-align:center}.traffic-error{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.traffic-error h2{color:#dc3545;margin-bottom:10px}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px}.chart-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.chart-card.full-width{grid-column:1/-1}.chart-card h3{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 20px}.map-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.map-container h3{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 15px}.map-iframe-container{border-radius:8px;height:400px;margin-bottom:15px;overflow:hidden;position:relative;width:100%}.map-iframe-container iframe{border:none;height:100%;width:100%}.map-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.map-link-btn{align-items:center;background-color:#667eea;border-radius:6px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.map-link-btn:hover{background-color:#5568d3}.close-map-btn{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:background-color .3s ease}.close-map-btn:hover{background-color:#c82333}.traffic-table-container{margin-top:20px;overflow-x:auto}.traffic-table{background:#fff;border-collapse:collapse;width:100%}.traffic-table thead{background-color:#f8f9fa;position:-webkit-sticky;position:sticky;top:0;z-index:10}.traffic-table th{border-bottom:2px solid #dee2e6;color:#333;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.traffic-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.traffic-table th.sortable:hover{background-color:#e9ecef;color:#667eea}.traffic-table th.sortable.active{background-color:#e7e9fc;color:#667eea}.traffic-table td{border-bottom:1px solid #dee2e6;color:#555;font-size:.9rem;padding:12px 16px}.category-cell,.ip-cell,.path-cell{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.traffic-table tbody tr:hover{background-color:#f8f9fa}.traffic-table tbody tr:last-child td{border-bottom:none}.expand-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:.9rem;padding:5px;transition:transform .2s ease}.expand-btn:hover{transform:scale(1.2)}.expanded-content,.expanded-row{background-color:#f8f9fa}.expanded-content{padding:20px}.expanded-content h4{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 20px}.expanded-tabs{border-bottom:2px solid #dee2e6;display:flex;flex-wrap:wrap;gap:5px;margin-bottom:20px}.expanded-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:.9rem;font-weight:500;margin-bottom:-2px;padding:10px 20px;transition:all .3s ease}.expanded-tab:hover{background-color:#667eea0d;color:#667eea}.expanded-tab.active{border-bottom-color:#667eea;color:#667eea;font-weight:600}.expanded-panel{animation:fadeIn .3s ease;display:none}.expanded-panel.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sessions-container{grid-gap:15px;display:grid;gap:15px;margin-top:15px}.session-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:15px;transition:box-shadow .2s ease}.session-card:hover{box-shadow:0 2px 8px #0000001a}.session-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.session-number{color:#667eea;font-size:.95rem;font-weight:600}.session-id{color:#666;font-family:Courier New,monospace;font-size:.8rem;word-break:break-all}.session-details{grid-gap:8px;display:grid;gap:8px}.detail-row{align-items:center;display:flex;justify-content:space-between;padding:5px 0}.detail-label{color:#666;font-size:.9rem;font-weight:500}.detail-value{color:#333;flex:1 1;font-size:.9rem;margin-left:20px;text-align:right;word-break:break-word}.nested-table{border-collapse:collapse;margin-bottom:20px;width:100%}.nested-table thead{background-color:#e9ecef}.nested-table th{border-bottom:1px solid #dee2e6;color:#333;font-size:.85rem;font-weight:600;padding:8px 12px;text-align:left}.nested-table td{border-bottom:1px solid #e9ecef;color:#555;font-size:.85rem;padding:8px 12px}.nested-table tbody tr:hover{background-color:#e9ecef}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:15px}.info-section{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:15px}.info-section h5{border-bottom:2px solid #e9ecef;color:#667eea;font-size:.95rem;font-weight:600;margin:0 0 12px;padding-bottom:8px}.info-item{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.info-item:last-child{margin-bottom:0}.info-label{color:#666;font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#333;font-size:.9rem;font-weight:400;word-break:break-word}.info-value.user-agent{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;font-family:Courier New,monospace;font-size:.8rem;padding:8px}.location-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:15px}.location-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:15px}.location-card h5{border-bottom:2px solid #e9ecef;color:#667eea;font-size:.95rem;font-weight:600;margin:0 0 12px;padding-bottom:8px}.location-detail-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 0}.location-detail-item:last-child{border-bottom:none}.location-label{color:#666;flex:0 0 120px;font-size:.85rem;font-weight:500}.location-value{color:#333;flex:1 1;font-size:.9rem;font-weight:400;text-align:right}.location-value.unavailable{color:#999;font-style:italic}.map-action-card{display:flex;flex-direction:column;gap:10px}.map-action-btn,.map-action-link{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:10px 15px;text-decoration:none;transition:all .3s ease}.map-action-btn{background-color:#667eea;color:#fff}.map-action-btn:hover{background-color:#5568d3;box-shadow:0 4px 8px #667eea4d;transform:translateY(-2px)}.map-action-link{background-color:#f8f9fa;border:1px solid #667eea;color:#667eea}.map-action-link:hover{background-color:#667eea;color:#fff}.summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:15px}.summary-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:15px}.summary-card h5{border-bottom:2px solid #e9ecef;color:#667eea;font-size:.95rem;font-weight:600;margin:0 0 12px;padding-bottom:8px}.summary-item{border-bottom:1px solid #f0f0f0;display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding-bottom:12px}.summary-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.summary-label{color:#666;font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.summary-value{color:#333;font-family:Courier New,monospace;font-size:.9rem;font-weight:400;word-break:break-word}.raw-data-details{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-top:30px;padding:15px}.raw-data-details summary{color:#667eea;cursor:pointer;font-weight:600;padding:10px;transition:color .2s ease;-webkit-user-select:none;user-select:none}.raw-data-details summary:hover{color:#5568d3}.raw-json{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#333;font-family:Courier New,monospace;font-size:.75rem;line-height:1.6;margin-top:15px;max-height:400px;overflow-x:auto;overflow-y:auto;padding:15px}.no-data{background:#fff;border:1px dashed #dee2e6;border-radius:8px;color:#999;font-style:italic;padding:20px;text-align:center}.map-link{align-items:center;color:#667eea;display:inline-flex;font-weight:500;gap:5px;margin-left:10px;text-decoration:none;transition:color .2s ease}.map-link:hover{color:#5568d3;text-decoration:underline}.env-badge{border-radius:12px;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.env-badge.localhost{background-color:#f093fb33;border:1px solid #f093fb66;color:#d63384}.env-badge.production{background-color:#43e97b33;border:1px solid #43e97b66;color:#28a745}.map-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:1.2rem;padding:5px 10px;transition:transform .2s ease}.map-btn:hover{color:#5568d3;transform:scale(1.2)}.visitor-actions-cell{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.watch-btn{align-items:center;background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;padding:6px 12px;transition:background .2s ease,transform .2s ease}.watch-btn:hover{background:#5568d3;transform:translateY(-1px)}.visitor-activity-tab h3{color:#333;margin-bottom:.5rem;margin-top:0}.visitor-activity-intro{color:#666;font-size:.95rem;margin-bottom:1.5rem}.visitor-activity-selector{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:1.5rem}.visitor-activity-selector label{color:#333;font-weight:500}.visitor-activity-selector select{background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:.95rem;max-width:100%;min-width:280px;padding:10px 14px}.visitor-activity-selector select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}.visitor-activity-timeline-section{border-top:1px solid #eee;margin-top:1.5rem;padding-top:1.5rem}.visitor-activity-timeline-section h4{color:#333;font-size:1.1rem;margin:0 0 1rem}.no-activity-message{color:#888;font-style:italic;padding:1.5rem}.visitor-activity-timeline{display:flex;flex-direction:column;gap:12px}.activity-item{grid-gap:12px 16px;align-items:start;background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:grid;gap:12px 16px;grid-template-columns:auto auto 1fr;padding:14px 16px;transition:border-color .2s ease}.activity-item:hover{border-color:#ddd}.activity-time{color:#666;font-size:.85rem;white-space:nowrap}.activity-badge{border-radius:6px;font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.activity-pageview .activity-badge{background:#667eea26;color:#667eea}.activity-event .activity-badge{background:#4facfe26;color:#4facfe}.activity-pagetime .activity-badge{background:#43e97b26;color:#28a745}.activity-mediaclick .activity-badge{background:#f093fb26;color:#c44dbb}.activity-details{color:#444;display:flex;flex-direction:column;font-size:.9rem;gap:4px}.activity-path{color:#555;font-family:monospace;font-size:.85rem}.activity-title{color:#333}.activity-caption,.activity-label,.activity-referrer{color:#666;font-size:.85rem}.activity-action,.activity-category{font-weight:500}.activity-duration{color:#28a745;font-weight:600}.activity-media-type{font-weight:500;text-transform:capitalize}@media (max-width:640px){.activity-item{gap:8px;grid-template-columns:1fr}.visitor-activity-selector select{min-width:100%}}@media (max-width:768px){.traffic-container{padding:10px}.traffic-header{align-items:flex-start;flex-direction:column;gap:15px}.traffic-header-actions{width:100%}.traffic-refresh-btn,.traffic-signout-btn{flex:1 1}.traffic-stats{grid-template-columns:1fr}.traffic-tabs{flex-direction:column}.charts-grid{grid-template-columns:1fr}.chart-card.full-width{grid-column:1}.traffic-table{font-size:.85rem}.traffic-table td,.traffic-table th{padding:8px 12px}.map-iframe-container{height:300px}.expanded-content{padding:15px}.expanded-tabs{flex-direction:row;overflow-x:auto}.expanded-tab{font-size:.85rem;padding:8px 15px;white-space:nowrap}.info-grid,.location-grid,.session-details,.summary-grid{grid-template-columns:1fr}.detail-row{align-items:flex-start;flex-direction:column}.detail-value{margin-left:0;margin-top:4px}.filters-section{gap:15px}.quick-filters{flex-direction:column}.time-filter-btn{text-align:center;width:100%}.custom-date-range{align-items:stretch;flex-direction:column}.date-input-group{min-width:100%}}.traffic-loading{align-items:center;color:#666;display:flex;font-size:1.1rem;justify-content:center;min-height:200px}.traffic-loading:after{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;content:"";height:20px;margin-left:10px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.time-badge{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;font-size:.85rem;white-space:nowrap}.media-type-badge,.time-badge{border-radius:12px;display:inline-block;font-weight:600;padding:4px 10px}.media-type-badge{font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.media-type-badge.image-type{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.media-type-badge.video-type{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.media-src-cell{font-size:.85rem;max-width:300px}.media-src-cell,.visitor-id-cell{color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visitor-id-cell{font-family:Courier New,monospace;font-size:.8rem;max-width:200px}.top-media-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:40px;padding:20px}.top-media-section h3{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 20px}.top-media-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.top-media-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px;transition:transform .2s ease,box-shadow .2s ease}.top-media-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.top-media-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.top-media-rank{color:#667eea;font-size:1.2rem;font-weight:700;min-width:30px}.top-media-info{display:flex;flex-direction:column;gap:6px}.top-media-caption{color:#333;font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-media-project{color:#666;font-family:Courier New,monospace;font-size:.85rem}.top-media-count{color:#667eea;font-size:.9rem;font-weight:600;margin-top:8px}.enquiries-section{padding:20px 0}.enquiries-section h3{color:#333;font-size:1.5rem;margin-bottom:16px}.enquiries-sort-bar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.enquiries-sort-label{color:#666;font-size:.9rem;font-weight:500}.enquiries-sort-btn{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#555;cursor:pointer;font-size:.9rem;padding:8px 14px;transition:background-color .2s,color .2s,border-color .2s}.enquiries-sort-btn:hover{background-color:#f8f9fa;border-color:#667eea;color:#667eea}.enquiries-sort-btn.active{background-color:#e7e9fc;border-color:#667eea;color:#667eea;font-weight:600}.enquiries-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.enquiry-card{background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.enquiry-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.enquiry-header{border-bottom:1px solid #e9ecef;margin-bottom:15px;padding-bottom:10px}.enquiry-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.enquiry-status{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.enquiry-status.new{background:#d4edda;color:#155724}.enquiry-status.pending{background:#fff3cd;color:#856404}.enquiry-status.resolved{background:#d1ecf1;color:#0c5460}.enquiry-date{color:#666;font-size:.85rem}.enquiry-body{gap:12px}.enquiry-body,.enquiry-field{display:flex;flex-direction:column}.enquiry-field{gap:4px}.enquiry-field label{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.enquiry-value{color:#333;font-size:.95rem;word-break:break-word}.enquiry-link{color:#667eea;text-decoration:none;transition:color .2s ease}.enquiry-link:hover{color:#5568d3;text-decoration:underline}.enquiry-message{background:#f8f9fa;border-radius:8px;color:#333;font-size:.95rem;line-height:1.6;margin:0;padding:12px;white-space:pre-wrap;word-break:break-word}.no-data-message{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:40px 20px;text-align:center}.no-data-message p{color:#666;font-size:1.1rem;margin:0}.url-generator-section{background:#fff;border:2px solid #667eea;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;overflow:hidden}.url-generator-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.url-generator-header:hover{background:linear-gradient(135deg,#5568d3,#653991)}.url-generator-header h2{font-size:1.5rem;font-weight:600;margin:0}.toggle-icon{font-size:1.2rem;transition:transform .3s ease}.url-generator-content{animation:slideDown .35s cubic-bezier(.4,0,.2,1) forwards;padding:25px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.url-generator-description{color:#666;font-size:.95rem;margin-bottom:20px}.url-mode-toggle{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.mode-btn{background:#fff;border:2px solid #dee2e6;border-radius:8px;color:#666;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 18px;transition:all .25s cubic-bezier(.4,0,.2,1)}.mode-btn:hover{background:#667eea0d;border-color:#667eea;color:#667eea}.mode-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.ref-link-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.create-ref-btn{background:linear-gradient(135deg,#43e97b,#38f9d7);border:none;border-radius:8px;box-shadow:0 2px 6px #43e97b4d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.create-ref-btn:hover:not(:disabled){box-shadow:0 4px 12px #43e97b66;transform:translateY(-2px)}.create-ref-btn:disabled{cursor:not-allowed;opacity:.6}.ref-url-error{color:#dc3545;font-size:.9rem;font-weight:500}.url-presets{margin-bottom:30px}.url-presets h3{color:#333;font-size:1rem;font-weight:600;margin-bottom:12px}.preset-buttons{display:flex;flex-wrap:wrap;gap:10px}.preset-btn{border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.preset-btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.preset-btn.linkedin{background:#0077b5}.preset-btn.discord{background:#5865f2}.preset-btn.whatsapp{background:#25d366}.preset-btn.cv{background:#ff6b6b}.preset-btn.github{background:#333}.preset-btn.twitter{background:#1da1f2}.preset-btn.email{background:#ea4335}.preset-btn.instagram{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.url-generator-form{margin-top:20px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:25px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{color:#333;font-size:.9rem;font-weight:600}.form-field.required-field label{color:#667eea}.required-star{color:#f44;margin-left:4px}.form-field input{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:.9rem;padding:12px 15px;transition:all .2s ease}.form-field input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-field.required-field input{border-color:#667eea}.field-hint{color:#999;font-size:.8rem;font-style:italic}.generated-url-section{background:#f8f9fa;border:2px dashed #667eea;border-radius:10px;margin-top:25px;padding:20px}.generated-url-section h3{color:#333;font-size:1rem;font-weight:600;margin-bottom:12px}.generated-url-display{display:flex;gap:10px;margin-bottom:15px}.generated-url-input{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;flex:1 1;font-family:Courier New,monospace;font-size:.9rem;font-weight:500;padding:12px 15px}.copy-btn{background:#667eea;border:none;border-radius:8px;box-shadow:0 2px 4px #667eea4d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.copy-btn:hover{background:#5568d3;box-shadow:0 4px 8px #667eea66;transform:translateY(-2px)}.url-actions{display:flex;gap:10px}.reset-btn,.test-btn{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .2s ease}.reset-btn:hover,.test-btn:hover{background:#667eea;box-shadow:0 2px 4px #667eea4d;color:#fff;transform:translateY(-2px)}.ref-codes-section{border-top:2px solid #e9ecef;margin-top:30px;padding-top:25px}.ref-codes-list{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:20px}.ref-codes-list.ref-codes-empty,.ref-codes-list.ref-codes-loading{color:#666;padding:30px;text-align:center}.ref-codes-list.ref-codes-error{background:#fff5f5;border-color:#f5c6cb;padding:20px}.ref-codes-list.ref-codes-error p{color:#721c24;margin:0 0 12px}.ref-codes-retry-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background .2s}.ref-codes-retry-btn:hover{background:#5568d3}.ref-codes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.ref-codes-header h3{color:#333;font-size:1.1rem;font-weight:600;margin:0}.ref-codes-refresh-btn{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#666;cursor:pointer;font-size:.85rem;padding:6px 14px;transition:all .2s}.ref-codes-refresh-btn:hover{border-color:#667eea;color:#667eea}.ref-codes-table-wrap{overflow-x:auto}.ref-codes-table{border-collapse:collapse;font-size:.9rem;width:100%}.ref-codes-table th{background:#fff;border-bottom:2px solid #dee2e6;color:#555;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:10px 12px;text-align:left;text-transform:uppercase}.ref-codes-table td{background:#fff;border-bottom:1px solid #e9ecef;color:#444;padding:10px 12px}.ref-codes-table tbody tr:hover td{background:#fafafa}.ref-codes-table tbody tr.editing td{background:#e7f3ff}.token-cell code{background:#e9ecef;border-radius:4px;font-family:Courier New,monospace;font-size:.85rem;padding:4px 8px}.clicks-cell{text-align:center}.ref-codes-clicks-btn{background:#e7f3ff;border:1px solid #b6d4fe;border-radius:6px;color:#0d6efd;cursor:pointer;font-size:.95rem;font-weight:600;padding:6px 14px;transition:all .2s}.ref-codes-clicks-btn:hover{background:#0d6efd;border-color:#0d6efd;color:#fff}.date-cell{color:#666;font-size:.85rem;white-space:nowrap}.ref-codes-edit-input{border:1px solid #667eea;border-radius:6px;font-size:.9rem;min-width:80px;padding:8px 10px;width:100%}.ref-codes-edit-input:focus{box-shadow:0 0 0 2px #667eea33;outline:none}.edit-actions-cell{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.ref-codes-save-error{color:#dc3545;font-size:.85rem}.ref-codes-save-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 14px;transition:background .2s}.ref-codes-save-btn:hover:not(:disabled){background:#218838}.ref-codes-save-btn:disabled{cursor:not-allowed;opacity:.6}.ref-codes-cancel-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 14px;transition:background .2s}.ref-codes-cancel-btn:hover:not(:disabled){background:#5a6268}.ref-codes-copy-link-btn,.ref-codes-delete-btn,.ref-codes-edit-btn{border:none;border-radius:6px;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s}.ref-codes-copy-link-btn{background:#e7e9fc;color:#667eea}.ref-codes-copy-link-btn:hover{background:#667eea;color:#fff}.ref-codes-edit-btn{background:#e7f3ff;color:#0d6efd}.ref-codes-edit-btn:hover{background:#0d6efd;color:#fff}.ref-codes-delete-btn{background:#f8d7da;color:#721c24}.ref-codes-delete-btn:hover:not(:disabled){background:#dc3545;color:#fff}.ref-codes-delete-btn:disabled{cursor:not-allowed;opacity:.6}.actions-cell{display:flex;flex-wrap:wrap;gap:8px}.drill-through-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.drill-through-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:640px;overflow:hidden;width:100%}.drill-through-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.drill-through-header h3{font-size:1.1rem;font-weight:600;margin:0}.drill-through-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;line-height:1;transition:background .2s;width:36px}.drill-through-close:hover{background:#ffffff59}.drill-through-summary{background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;flex-direction:column;gap:4px;padding:12px 20px}.drill-summary-label{color:#555;font-size:.9rem}.drill-summary-count{color:#667eea;font-size:.85rem;font-weight:600}.drill-through-empty{color:#666;padding:30px 20px;text-align:center}.drill-through-empty p{margin:0 0 12px}.drill-through-empty small{color:#999;font-size:.85rem}.drill-through-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.drill-visitor-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:14px;transition:box-shadow .2s}.drill-visitor-card:hover{box-shadow:0 2px 8px #00000014}.drill-visitor-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.drill-visitor-ip{align-items:center;display:flex;gap:8px}.drill-visitor-ip code{background:#f0f0f0;border-radius:4px;font-family:Courier New,monospace;font-size:.95rem;font-weight:600;padding:4px 8px}.drill-visitor-meta{color:#666;display:flex;flex-wrap:wrap;font-size:.85rem;gap:8px}.drill-location{max-width:200px;overflow:hidden;text-overflow:ellipsis}.drill-session-count{color:#667eea;font-weight:500}.drill-watch-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;margin-left:auto;padding:6px 12px;transition:background .2s}.drill-watch-btn:hover{background:#5568d3}.drill-sessions{border-top:1px solid #f0f0f0;display:flex;flex-direction:column;gap:6px;padding-top:8px}.drill-session-row{align-items:center;color:#555;display:flex;flex-wrap:wrap;font-size:.85rem;gap:10px}.drill-session-time{font-weight:500;min-width:140px}.drill-session-env{flex-shrink:0}.drill-session-referrer{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis}.delete-confirm-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.delete-confirm-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:420px;overflow:hidden;width:100%}.delete-confirm-header{align-items:center;background:#dc3545;color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.delete-confirm-header h3{font-size:1.1rem;font-weight:600;margin:0}.delete-confirm-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;line-height:1;transition:background .2s;width:36px}.delete-confirm-close:hover:not(:disabled){background:#ffffff59}.delete-confirm-close:disabled{cursor:not-allowed;opacity:.6}.delete-confirm-body{padding:20px}.delete-confirm-body p{color:#333;margin:0 0 12px}.delete-confirm-body p:last-of-type{margin-bottom:0}.delete-confirm-body code{background:#f0f0f0;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;padding:2px 6px}.delete-confirm-warning{color:#856404!important;font-size:.9rem}.delete-confirm-error{color:#dc3545!important;font-weight:500;margin-top:12px!important}.delete-confirm-actions{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.delete-confirm-cancel,.delete-confirm-delete{border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .2s}.delete-confirm-cancel{background:#fff;border:1px solid #dee2e6;color:#666}.delete-confirm-cancel:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd}.delete-confirm-delete{background:#dc3545;border:none;color:#fff}.delete-confirm-delete:hover:not(:disabled){background:#c82333}.delete-confirm-cancel:disabled,.delete-confirm-delete:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.ref-codes-table{font-size:.8rem}.ref-codes-table td,.ref-codes-table th{padding:8px}}.campaign-row{background:#f0f8ff;border-radius:6px;margin:4px 0;padding:8px}.campaign-badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:600;padding:4px 12px;text-transform:capitalize}.source-badge{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #667eea4d;color:#fff}.landing-page{color:#667eea;font-family:Courier New,monospace;font-size:.85rem;word-break:break-all}@media (max-width:768px){.enquiries-grid{grid-template-columns:1fr}.enquiry-card{padding:15px}.enquiry-meta{align-items:flex-start;flex-direction:column}.url-generator-header h2{font-size:1.2rem}.url-generator-content{padding:15px}.preset-buttons{gap:8px}.preset-btn{font-size:.85rem;padding:8px 16px}.form-grid{gap:15px;grid-template-columns:1fr}.generated-url-display{flex-direction:column}.copy-btn{width:100%}.url-actions{flex-direction:column}.reset-btn,.test-btn{text-align:center;width:100%}}.github-page{background:var(--bg-primary);min-height:100vh}.github-page-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh}.github-page-container{margin:0 auto;max-width:1200px;padding:3rem 1.5rem 4rem}.github-page-header{margin-bottom:3rem;text-align:center}.github-page-title{color:var(--text-primary);font-family:var(--font-primary);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-bottom:.5rem}.code-comment{color:var(--text-tertiary);font-family:var(--font-code)}.github-page-subtitle{color:var(--text-secondary);font-size:1.1rem}.github-page-error{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:12px;margin-bottom:2rem;padding:3rem 2rem;text-align:center}.github-page-error p{color:var(--text-secondary);margin-bottom:1rem}.github-external-fallback{color:var(--accent-primary);font-weight:500;text-decoration:none;transition:color .25s ease}.github-external-fallback:hover{color:var(--accent-hover)}.github-profile-card{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:16px;margin-bottom:3rem;padding:2rem}.github-profile-main{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem}.github-profile-avatar{border:2px solid var(--border-primary);border-radius:16px;flex-shrink:0;height:120px;width:120px}.github-profile-info{flex:1 1;min-width:260px}.github-profile-name{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.github-profile-login{color:var(--text-tertiary);font-family:var(--font-code);font-size:1rem;margin-bottom:.75rem}.github-profile-bio{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1.25rem}.github-profile-stats{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.25rem}.github-profile-stat{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:.95rem;gap:.5rem}.github-profile-cta,.github-profile-stat svg{color:var(--accent-primary)}.github-profile-cta{align-items:center;border:2px solid var(--accent-primary);border-radius:8px;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.6rem 1.25rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.github-profile-cta:hover{background:#4a9eff1a;box-shadow:var(--shadow-glow)}.github-contribution-section{border-top:1px solid var(--border-primary);margin-top:2rem;padding-top:2rem}.github-contribution-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.github-contribution-chart{background:var(--bg-secondary);border-radius:8px;height:auto;max-width:100%;padding:.5rem;width:100%}.github-repos-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.github-repos-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.github-sort{align-items:center;display:flex;gap:.5rem}.github-sort-label{color:var(--text-secondary);font-size:.9rem}.github-sort-select{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);cursor:pointer;font-family:var(--font-primary);font-size:.9rem;padding:.5rem .75rem;transition:border-color .25s ease}.github-sort-select:focus{border-color:var(--accent-primary);outline:none}.github-repos-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:2rem}.github-repo-card{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:12px;color:inherit;display:flex;flex-direction:column;padding:1.5rem;text-decoration:none;transition:border-color .3s ease,box-shadow .35s cubic-bezier(.4,0,.2,1)}.github-repo-card:hover{border-color:#4a9eff80;box-shadow:0 12px 32px -12px #0006,0 0 24px #4a9eff0f}.github-repo-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.github-repo-name{font-size:1.1rem;font-weight:600;margin:0;word-break:break-word}.github-repo-language,.github-repo-name{color:var(--accent-primary);font-family:var(--font-code)}.github-repo-language{background:#0003;border:1px solid var(--border-primary);border-radius:4px;color:var(--lang-color,var(--accent-primary));flex-shrink:0;font-size:.75rem;padding:.2rem .5rem}.github-repo-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;flex:1 1;font-size:.9rem;line-height:1.5;margin-bottom:1rem;overflow:hidden}.github-repo-topics{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.github-repo-topic{background:#4a9eff1a;border:1px solid #4a9eff33;border-radius:4px;color:var(--accent-primary);font-family:var(--font-code);font-size:.7rem;padding:.2rem .5rem}.github-repo-stats{color:var(--text-tertiary);display:flex;font-size:.85rem;gap:1rem}.github-repo-stat{align-items:center;display:inline-flex;gap:.35rem}.github-repo-stat svg{color:var(--code-yellow);font-size:.9rem}.github-repo-stat:last-child svg{color:var(--code-cyan)}.github-page-footer{text-align:center}.github-view-all-btn{align-items:center;border:2px solid var(--accent-primary);border-radius:8px;color:var(--accent-primary);display:inline-flex;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.github-view-all-btn:hover{background:#4a9eff1a;box-shadow:var(--shadow-glow)}@media (max-width:768px){.github-page-container{padding:2rem 1rem 3rem}.github-profile-main{align-items:center;flex-direction:column;text-align:center}.github-profile-info{min-width:100%}.github-profile-cta,.github-profile-stats{justify-content:center}.github-profile-cta{width:100%}.github-repos-header{align-items:flex-start;flex-direction:column}.github-repos-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.8480c152.css.map*/