:root{--bg-color:#f8fafc;--text-color:#0f172a;--text-secondary:#64748b;--section-bg:#f1f5f9;--nav-bg:#ffffffe6;--nav-border:#e2e8f0;--logo-accent:#0ea5e9;--accent-glow:#38bdf8;--link-color:#334155;--link-hover:#0ea5e9;--btn-bg:#7dd3fc;--btn-hover:#38bdf8;--card-bg:#fff;--card-border:#e2e8f0;--shadow:#0ea5e91a;--shadow-strong:#0ea5e933;--badge-easy-bg:#dcfce7;--badge-easy-text:#166534;--badge-medium-bg:#fef9c3;--badge-medium-text:#854d0e;--badge-hard-bg:#fee2e2;--badge-hard-text:#991b1b;--tag-bg:#e0f2fe;--tag-text:#0369a1;--progress-bg:#e2e8f0;--progress-fill:#0ea5e9;--cert-goal:#8b5cf6;--cert-inprogress:#0ea5e9;--cert-banner-gradient:linear-gradient(135deg, #0ea5e9 0%, #6366f1 45%, #8b5cf6 100%);--white:#fff;--success-color:#16a34a;--warning-color:#f59e0b;--error-color:#ef4444;--purple-accent:#7c3aed;--gray-400:#6b7280;--font-body:var(--font-inter);--font-heading:var(--font-space-grotesk)}.dark-mode{--bg-color:#0a0f1c;--text-color:#f1f5f9;--text-secondary:#94a3b8;--section-bg:#111827;--nav-bg:#0a0f1cf2;--nav-border:#1f2937;--logo-accent:#38bdf8;--accent-glow:#0ea5e9;--link-color:#cbd5e1;--link-hover:#38bdf8;--btn-bg:#7dd3fc;--btn-hover:#38bdf8;--card-bg:#111827;--card-border:#1f2937;--shadow:#0ea5e914;--shadow-strong:#0ea5e926;--badge-easy-bg:#14532d;--badge-easy-text:#86efac;--badge-medium-bg:#422006;--badge-medium-text:#fde68a;--badge-hard-bg:#450a0a;--badge-hard-text:#fca5a5;--tag-bg:#0c4a6e;--tag-text:#7dd3fc;--progress-bg:#1f2937;--progress-fill:#38bdf8;--cert-goal:#a78bfa;--cert-inprogress:#38bdf8;--cert-banner-gradient:linear-gradient(135deg, #0c4a6e 0%, #312e81 45%, #4c1d95 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;letter-spacing:-.01em;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-color);color:var(--text-color);font-weight:400;line-height:1.6;transition:background .3s,color .3s}img{max-width:100%;display:block}.section{padding:90px 20px}.container{max-width:clamp(100%,90vw,1100px);margin:0 auto}h1,h2,h3,h4,h5,h6,.logo,nav .links a,button,.btn-primary,.section-title,.skill-card-name,.journey-card h3{font-family:var(--font-heading), system-ui, sans-serif;letter-spacing:-.035em}h1,.hero-title{letter-spacing:-.04em;font-weight:800;line-height:1.05}h2,.section-title,.section-header h2{letter-spacing:-.035em;font-weight:750;line-height:1.15}h3,h4,.card-title,.skill-card-name,.journey-card h3{font-weight:700}p,li,span,a{font-weight:400}nav .links a,button,.btn-primary,.skill-tab,.journey-type,.journey-tag{font-weight:700}p{line-height:1.7}.hero-description,.about-description,.journey-description,.skill-description{line-height:1.65}.section-title{text-align:center;color:var(--text-color);letter-spacing:-.02em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.2;font-family:var(--font-heading), system-ui, sans-serif;margin-bottom:clamp(32px,5vw,48px)}.section-title:after{content:"";background:linear-gradient(90deg, var(--logo-accent), var(--accent-glow));border-radius:4px;width:48px;height:4px;margin:12px auto 0;display:block}.lead{max-width:clamp(400px,80%,560px);color:var(--text-secondary);margin:clamp(16px,3vw,20px) 0;font-size:clamp(.95rem,1.2vw,1.05rem);line-height:1.75}nav{background:var(--card-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:100;border-bottom:1px solid var(--card-border);width:100%;transition:background .3s,padding .3s,box-shadow .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:sticky;top:0}nav.scrolled{-webkit-backdrop-filter:blur(24px)saturate(200%);box-shadow:0 4px 30px #0000001a}nav.scrolled .nav-container{padding:8px 20px}nav.scrolled .logo{font-size:1.2rem}nav.scrolled .logo-avatar{width:28px;height:28px}.nav-container{justify-content:space-between;align-items:center;max-width:clamp(100%,90vw,1100px);margin:0 auto;padding:14px 20px;transition:padding .3s;display:flex;position:relative}.logo{letter-spacing:-.03em;color:var(--text-color);align-items:center;gap:10px;font-size:1.4rem;font-weight:800;text-decoration:none;transition:font-size .3s;display:flex}.logo span{color:var(--logo-accent)}.logo-avatar{object-fit:cover;border:2px solid var(--logo-accent);border-radius:50%;flex-shrink:0;width:34px;height:34px;transition:width .3s,height .3s}@media (max-width:768px){.logo{gap:8px;font-size:1.2rem}.logo-avatar{width:30px;height:30px}}@media (max-width:480px){.logo{gap:6px;font-size:1.1rem}.logo-avatar{border-width:1.5px;width:28px;height:28px}}nav .links{align-items:center;gap:4px;display:flex}nav .links a{color:var(--link-color);font-size:.93rem;font-weight:700;font-family:var(--font-heading), system-ui, sans-serif;letter-spacing:-.02em;border-radius:8px;padding:6px 10px;text-decoration:none;transition:color .2s;position:relative}nav .links a:after{content:"";background:var(--logo-accent);border-radius:999px;width:70%;height:2px;transition:transform .25s;position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0)}nav .links a:hover{color:var(--logo-accent)}nav .links a:hover:after,nav .links a.active:after{transform:translate(-50%)scaleX(1)}nav .links a.active{color:var(--logo-accent);font-weight:700}.nav-item-with-dropdown{align-items:center;display:flex;position:relative}.dropdown-trigger{color:var(--link-color);cursor:pointer;font-size:1rem;font-weight:700;font-family:var(--font-heading), system-ui, sans-serif;letter-spacing:-.02em;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:8px 12px;text-decoration:none;transition:color .25s;display:flex;position:relative}.dropdown-trigger:after{content:"";background:var(--logo-accent);border-radius:999px;width:70%;height:2px;transition:transform .25s;position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0)}.dropdown-trigger:hover{color:var(--logo-accent)}.dropdown-trigger:hover:after,.dropdown-trigger.active:after{transform:translate(-50%)scaleX(1)}.dropdown-trigger.active{color:var(--logo-accent);font-weight:700}.dropdown-arrow{opacity:.7;font-size:.7rem;transition:transform .25s}.nav-item-with-dropdown:hover .dropdown-arrow{opacity:1;transform:rotate(180deg)}.dropdown-menu{background:var(--card-bg);border:1px solid var(--card-border);min-width:200px;box-shadow:0 8px 32px var(--shadow);opacity:0;visibility:hidden;z-index:250;border-radius:12px;padding:8px 0;transition:all .25s;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(10px)}.nav-item-with-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%)translateY(8px)}.dropdown-menu a{color:var(--link-color);white-space:nowrap;padding:10px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.dropdown-menu a:hover{color:var(--logo-accent);background:#0891b214;padding-left:20px}.hamburg,.mobile-theme-toggle-icon{cursor:pointer;color:var(--text-color);background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 2px 8px var(--shadow);-webkit-tap-highlight-color:transparent;touch-action:manipulation;pointer-events:auto;border-radius:8px;padding:8px;font-size:1.2rem;transition:all .3s;display:none!important}.theme-toggle{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-color);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:1rem;transition:all .3s;display:flex}.theme-toggle:hover{border-color:var(--logo-accent);color:var(--logo-accent);background:#0891b21a;transform:translateY(-2px)}.mobile-theme-toggle{color:var(--text-color);cursor:pointer;background:#0891b20d;border:1px solid #0891b233;border-radius:8px;align-items:center;gap:12px;margin-top:8px;padding:14px 20px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}@media (max-width:480px){.mobile-theme-toggle{padding:12px 16px;font-size:.9rem}.mobile-theme-toggle i{font-size:1.1rem}}@media (max-width:768px){.hamburg,.mobile-theme-toggle-icon{display:block!important}.theme-toggle{display:none!important}nav .links{display:none}}.hamburg:hover{color:var(--logo-accent);background:#0891b214;transform:scale(1.05)}.hamburg:active{transform:scale(.95)}.mobile-theme-toggle-icon:hover{color:var(--logo-accent);background:#0891b214;transform:scale(1.05)}.mobile-theme-toggle-icon:active{transform:scale(.95)}.mobile-controls{align-items:center;gap:8px;margin-left:auto;display:none}@media (max-width:768px){.mobile-controls{display:flex}}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;opacity:0;pointer-events:none;background:#00000080;width:100%;height:100%;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.mobile-overlay.active{opacity:1;pointer-events:auto}.dropdown{background:var(--bg-color);z-index:10001;border-left:1px solid var(--card-border);opacity:0;pointer-events:none;flex-direction:column;width:85%;max-width:350px;height:100vh;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 32px #0000004d}.dropdown.active{opacity:1;pointer-events:auto;display:flex;transform:translate(0)}.dropdown-header{border-bottom:1px solid var(--card-border);background:var(--card-bg);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.dropdown-header h3{color:var(--text-color);margin:0;font-size:1.3rem;font-weight:700}.dropdown-header .cancel{cursor:pointer;color:var(--text-secondary);border-radius:8px;padding:8px;font-size:1.5rem;transition:all .2s}.dropdown-header .cancel:hover{color:var(--logo-accent);background:#0891b214;transform:rotate(90deg)}.dropdown-content{flex-direction:column;flex:1;gap:4px;padding:16px 20px;display:flex;overflow-y:auto}.dropdown-content::-webkit-scrollbar{width:4px}.dropdown-content::-webkit-scrollbar-track{background:0 0}.dropdown-content::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:999px}.dropdown-content::-webkit-scrollbar-thumb:hover{background:var(--logo-accent)}.dropdown-content>a{color:var(--link-color);border-radius:12px;align-items:center;gap:12px;margin:2px 0;padding:14px 16px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.dropdown-content>a i{color:var(--logo-accent);text-align:center;width:20px;font-size:1.1rem}.dropdown-content>a:hover{color:var(--logo-accent);background:#0891b214;transform:translate(4px)}.dropdown-content>a:active{transform:translate(2px)}.mobile-accordion{background:var(--section-bg);border:1px solid var(--card-border);border-radius:12px;margin:4px 0;overflow:hidden}.mobile-accordion-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.mobile-accordion-header span{color:var(--link-color);align-items:center;gap:12px;font-size:1rem;font-weight:500;display:flex}.mobile-accordion-header span i{color:var(--logo-accent);text-align:center;width:20px;font-size:1.1rem}.mobile-accordion-header .accordion-icon{color:var(--text-secondary);font-size:.9rem;transition:transform .3s}.mobile-accordion.active .accordion-icon{transform:rotate(180deg)}.mobile-accordion.active .mobile-accordion-header{background:#0891b214}.mobile-accordion-content{background:var(--card-bg);max-height:0;transition:max-height .3s;overflow:hidden}.mobile-accordion.active .mobile-accordion-content{max-height:500px}.mobile-accordion-content a{color:var(--text-secondary);border-left:2px solid #0000;align-items:center;gap:12px;padding:12px 16px 12px 48px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.mobile-accordion-content a i{text-align:center;width:18px;font-size:1rem}.mobile-accordion-content a:hover{color:var(--logo-accent);border-left-color:var(--logo-accent);background:#0891b20d;padding-left:52px}.dropdown-footer{border-top:1px solid var(--card-border);background:var(--card-bg);padding:20px}.mobile-social{justify-content:center;gap:16px;display:flex}.mobile-social a{background:var(--section-bg);border:1px solid var(--card-border);width:44px;height:44px;color:var(--text-secondary);border-radius:12px;justify-content:center;align-items:center;font-size:1.2rem;transition:all .2s;display:flex}.mobile-social a:hover{color:var(--logo-accent);border-color:var(--logo-accent);background:#0891b214;transform:translateY(-4px)}.mobile-social a:active{transform:translateY(-2px)}.main-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:50px;max-width:1100px;margin:0 auto;display:flex}.content h1{letter-spacing:-.02em;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.15}.content h1 span{color:var(--logo-accent)}.typewriter{color:var(--text-secondary);font-size:clamp(1rem,1.5vw,1.15rem);font-weight:600;font-family:var(--font-body), system-ui, sans-serif;margin-top:clamp(8px,1.5vw,12px)}.typewriter label{opacity:.5;margin-left:2px;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:.5}50%{opacity:0}}.btn-primary{background:var(--btn-bg);color:var(--white);border:1px solid var(--card-border);cursor:pointer;font-size:.95rem;font-weight:700;font-family:var(--font-heading), system-ui, sans-serif;letter-spacing:-.02em;border-radius:10px;align-items:center;gap:8px;padding:11px 22px;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 2px 8px #0000001a}.btn-primary:hover{box-shadow:0 6px 20px var(--shadow-strong);background:linear-gradient(135deg, var(--btn-hover), var(--btn-bg));transform:translateY(-2px)}.hero-buttons{flex-wrap:wrap;gap:16px;display:flex}.btn-secondary:hover{background:var(--btn-bg);color:var(--white);box-shadow:0 6px 20px var(--shadow-strong);transform:translateY(-2px)}.image{flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-photo-wrapper{justify-content:center;align-items:center;width:clamp(200px,30vw,340px);height:clamp(200px,30vw,340px);display:flex;position:relative}.profile-photo-wrapper:before{content:"";background:conic-gradient(from 0deg, var(--logo-accent), var(--accent-glow), var(--purple-accent), var(--logo-accent));z-index:0;border-radius:50%;animation:4s linear infinite borderRotate;position:absolute;inset:-4px}.profile-photo-wrapper:after{content:"";background:var(--bg-color);z-index:1;border-radius:50%;position:absolute;inset:0}@keyframes borderRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-photo{object-fit:cover;object-position:center center;z-index:2;border-radius:50%;width:100%;height:100%;position:relative}.about-section{background:var(--card-bg)}.about-grid{grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.about-text-block{color:var(--text-secondary);font-size:clamp(.95rem,1.1vw,1.02rem);line-height:1.85}.about-text-block p{margin:0 0 1rem}.about-text-block p:last-child{margin-bottom:0}.personality-cards{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;display:grid}.personality-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;border-radius:10px;padding:12px 10px;transition:transform .3s,box-shadow .3s,border-color .3s;box-shadow:0 1px 4px #00000014,0 4px 14px #0000001a}html:not(.dark-mode) .personality-card{border:1px solid #0f172a1f;box-shadow:0 0 0 1px #0000000a,0 1px 4px #00000014,0 4px 14px #0000001a}.dark-mode .personality-card{box-shadow:0 1px 4px #0000003d,0 4px 16px #00000052}.personality-card:hover{border-color:var(--logo-accent);transform:translateY(-2px);box-shadow:0 3px 8px #0000001a,0 10px 24px #00000024}html:not(.dark-mode) .personality-card:hover{border-color:var(--logo-accent);box-shadow:0 0 0 1px #0000000f,0 3px 8px #0000001a,0 10px 24px #00000024}.dark-mode .personality-card:hover{box-shadow:0 3px 10px #00000052,0 12px 28px #0000006b}.personality-card i{color:var(--logo-accent);margin-bottom:6px;font-size:1.25rem}.personality-card h4{color:var(--text-color);margin:0 0 4px;font-size:.8125rem;font-weight:700}.personality-card p{color:var(--text-secondary);margin:0;font-size:.75rem;line-height:1.4}.timeline{max-width:800px;margin:0 auto;padding-left:30px;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--logo-accent), var(--accent-glow));width:2px;position:absolute;top:0;bottom:0;left:0}.timeline-item{opacity:0;margin-bottom:32px;animation:.6s forwards fadeInUp;position:relative;transform:translateY(20px)}.timeline-item:first-child{animation-delay:.1s}.timeline-item:nth-child(2){animation-delay:.2s}.timeline-item:nth-child(3){animation-delay:.3s}.timeline-item:nth-child(4){animation-delay:.4s}.timeline-item:nth-child(5){animation-delay:.5s}.timeline-item:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.timeline-item:last-child{margin-bottom:0}.timeline-item:before{content:"";background:var(--logo-accent);border:3px solid var(--section-bg);z-index:2;border-radius:50%;width:12px;height:12px;position:absolute;top:6px;left:-35px}.timeline-item:after{content:"";background:linear-gradient(90deg, var(--logo-accent), transparent);opacity:0;width:35px;height:2px;animation:.6s .3s forwards growConnector;position:absolute;top:18px;left:-35px}@keyframes growConnector{0%{opacity:0;width:0}to{opacity:1;width:35px}}.timeline-date{background:linear-gradient(135deg, var(--logo-accent), var(--accent-glow));color:#fff;border-radius:20px;margin-bottom:12px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-block}.timeline-content{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:20px;transition:all .3s}.timeline-content:hover{box-shadow:0 4px 16px var(--shadow);transform:translate(4px)}.timeline-content h4{color:var(--text-color);font-size:1.1rem;font-weight:700;font-family:var(--font-heading), system-ui, sans-serif;margin:0 0 8px}.timeline-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.65;font-family:var(--font-body), system-ui, sans-serif;margin:0}.about-text{max-width:clamp(600px,80%,820px);color:var(--text-secondary);text-align:center;margin:0 auto;font-size:clamp(.95rem,1.1vw,1.02rem);line-height:1.85}.studying-section{background:var(--bg-color)}.studying-card{background:var(--card-bg);border:1px solid var(--card-border);max-width:700px;box-shadow:0 4px 24px var(--shadow);border-radius:16px;margin:0 auto;padding:32px}@media (max-width:768px){.studying-card{padding:20px}.studying-card h3{margin-bottom:16px;font-size:1rem}}@media (max-width:480px){.studying-card{padding:16px}.studying-card h3{margin-bottom:12px;font-size:.9rem}}.studying-card h3{color:var(--text-color);align-items:center;gap:10px;margin-bottom:24px;font-size:1.15rem;font-weight:700;display:flex}.studying-card h3 i{color:var(--logo-accent)}.progress-item{margin-bottom:20px}.progress-item:last-child{margin-bottom:0}.progress-label{color:var(--text-color);font-size:.9rem;font-weight:600;font-family:var(--font-heading), system-ui, sans-serif;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.progress-label span:last-child{color:var(--logo-accent);font-weight:700}.progress-bar{background:var(--progress-bg);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--btn-bg), var(--accent-glow));border-radius:999px;width:0;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.skills-section{background:var(--card-bg)}.skills-toolbar{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:32px;padding:16px;display:flex}.skills-search-wrap{flex:1;min-width:200px;position:relative}.skills-search-wrap i{color:var(--text-secondary);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.skills-search{border:2px solid var(--card-border);background:var(--bg-color);width:100%;color:var(--text-color);border-radius:8px;padding:10px 12px 10px 36px;font-size:.9rem;transition:all .2s}.skills-search:focus{border-color:var(--logo-accent);outline:none;box-shadow:0 0 0 2px #0891b21a}.skill-filter-btn{border:2px solid var(--card-border);background:var(--bg-color);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.skill-filter-btn:hover{border-color:var(--logo-accent);color:var(--logo-accent)}.skill-filter-btn.active{background:linear-gradient(135deg, var(--logo-accent), var(--accent-glow));color:#fff;border-color:var(--logo-accent)}.bento-grid{grid-template-rows:repeat(3,minmax(140px,auto));grid-template-columns:repeat(4,1fr);gap:16px;max-width:1200px;margin:0 auto;display:grid}.bento-card{background:var(--card-bg);border:1px solid var(--card-border);cursor:pointer;border-radius:20px;flex-direction:column;gap:12px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.bento-card:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a 0%,#fff0 100%);transition:opacity .3s;position:absolute;inset:0}.bento-card:hover:before{opacity:1}.bento-card:hover{box-shadow:0 20px 40px var(--shadow);transform:translateY(-6px)scale(1.02)}.bento-card-icon{width:48px;height:48px;color:var(--white);background:var(--logo-accent);border-radius:12px;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.bento-card-content h3{color:var(--text-color);margin-bottom:4px;font-size:1.1rem;font-weight:700}.bento-card-content p{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.bento-tags{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.bento-tag{background:var(--btn-bg);color:var(--white);border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:500}.bento-card-large{grid-area:span 2/span 2}.bento-card-medium,.bento-card-small{grid-area:span 1/span 1}.bento-card-wide{grid-area:span 1/span 2}.bento-card-security .bento-card-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.bento-card-security{background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border-color:#667eea4d}.bento-card-dev .bento-card-icon{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.bento-card-dev{background:linear-gradient(135deg,#f093fb1a 0%,#f5576c1a 100%);border-color:#f093fb4d}.bento-card-sys .bento-card-icon{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.bento-card-sys{background:linear-gradient(135deg,#4facfe1a 0%,#00f2fe1a 100%);border-color:#4facfe4d}.bento-card-thm .bento-card-icon{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}.bento-card-thm{background:linear-gradient(135deg,#fa709a1a 0%,#fee1401a 100%);border-color:#fa709a4d}.bento-card-htb .bento-card-icon{background:linear-gradient(135deg,#30cfd0 0%,#330867 100%)}.bento-card-htb{background:linear-gradient(135deg,#30cfd01a 0%,#3308671a 100%);border-color:#30cfd04d}@media (max-width:768px){h1,.hero-title{letter-spacing:-.04em;line-height:1.08}h2,.section-title,.section-header h2{letter-spacing:-.035em;line-height:1.15}p,.hero-description,.about-description,.journey-description,.skill-description{line-height:1.65}nav .links a,button,.btn-primary{letter-spacing:-.02em}}.skeleton{background:linear-gradient(90deg,#94a3b814,#94a3b829,#94a3b814) 0 0/200% 100%;border-radius:12px;animation:1.4s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.bento-card-ctf .bento-card-icon{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%)}.bento-card-ctf{background:linear-gradient(135deg,#a8edea1a 0%,#fed6e31a 100%);border-color:#a8edea4d}.bento-card-tools .bento-card-icon{background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%)}.bento-card-tools{background:linear-gradient(135deg,#ff9a9e1a 0%,#fecfef1a 100%);border-color:#ff9a9e4d}.bento-card{background:#1e1e28cc;border-color:#ffffff1a}.bento-card:hover{background:#282832e6}@media (max-width:1024px){.bento-grid{grid-template-rows:repeat(4,minmax(120px,auto));grid-template-columns:repeat(3,1fr)}.bento-card-large{grid-area:span 2/span 2}.bento-card-wide{grid-column:span 3}}@media (max-width:768px){.bento-grid{grid-template-rows:auto;grid-template-columns:repeat(2,1fr);gap:12px}.bento-card-large,.bento-card-medium,.bento-card-small,.bento-card-wide{grid-area:span 1/span 1}.bento-card{padding:16px}.bento-card-icon{width:36px;height:36px;font-size:1.2rem}.bento-card-content h3{font-size:.95rem}.bento-card-content p{font-size:.8rem}}@media (max-width:480px){.bento-grid{grid-template-columns:1fr;gap:10px}.bento-card{padding:12px}.bento-card-icon{width:32px;height:32px;font-size:1rem}.bento-card-content h3{font-size:.9rem}.bento-card-content p{font-size:.75rem}.bento-tag{padding:3px 10px;font-size:.7rem}}.blog-section{background:var(--card-bg);flex-direction:column;align-items:center;display:flex}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1200px;margin:0 auto;display:grid}.blog-card{background:var(--card-bg);opacity:0;border:2px solid #00000026;border-radius:16px;text-decoration:none;transition:all .3s;display:block;overflow:hidden;transform:translateY(20px);box-shadow:0 4px 16px #0000001a,0 0 0 1px #38bdf80d,inset 0 1px #ffffff0d}.blog-card.visible{opacity:1;transform:translateY(0)}.blog-card:hover{box-shadow:0 12px 32px var(--shadow-strong);border-color:var(--logo-accent);transform:translateY(-8px)}.blog-card-preview{height:120px;color:var(--logo-accent);background:linear-gradient(135deg,#0891b21a 0%,#06b6d41a 100%);justify-content:center;align-items:center;font-size:3rem;display:flex}.blog-card-body{padding:20px}@media (max-width:768px){.blog-card-body{padding:16px}.blog-card h3{font-size:1rem}.blog-card p{font-size:.85rem}}@media (max-width:480px){.blog-card-body{padding:12px}.blog-card h3{font-size:.9rem}.blog-card p{font-size:.8rem}.blog-tag{padding:3px 10px;font-size:.7rem}}.blog-tags{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.blog-tag{background:var(--tag-bg);color:var(--tag-text);border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600}.blog-card h3{color:var(--text-color);margin:0 0 8px;font-size:1.1rem;font-weight:700;line-height:1.4}.blog-card p{color:var(--text-secondary);margin:0 0 12px;font-size:.9rem;line-height:1.6}.blog-meta{color:var(--text-secondary);align-items:center;gap:6px;font-size:.85rem;display:flex}.blog-meta i{color:var(--logo-accent)}.certs-section{background:var(--bg-color)}.certs-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;max-width:900px;margin:0 auto;display:grid}.cert-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;border-radius:16px;padding:24px 20px;transition:all .25s;position:relative;overflow:hidden}.cert-card:before{content:"";background:var(--cert-line,var(--logo-accent));height:3px;position:absolute;top:0;left:0;right:0}.cert-card.inprogress{--cert-line:var(--cert-inprogress)}.cert-card.goal{--cert-line:var(--cert-goal)}.cert-card:hover{box-shadow:0 8px 24px var(--shadow);transform:translateY(-4px)}.cert-icon{color:var(--logo-accent);margin-bottom:14px;font-size:2.2rem}.cert-card.goal .cert-icon{color:var(--cert-goal)}.cert-card h3{color:var(--text-color);margin-bottom:6px;font-size:1.05rem;font-weight:700}.cert-card p{color:var(--text-secondary);margin-bottom:12px;font-size:.85rem}.cert-status{border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.cert-status.inprogress{color:var(--cert-inprogress);background:#22d3ee26}.cert-status.goal{color:var(--cert-goal);background:#a78bfa26}.certs-carousel-section{background:var(--card-bg);border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border)}.certs-carousel-wrapper{padding:40px 0;position:relative;overflow:hidden}.certs-carousel{gap:24px;width:max-content;animation:22s linear infinite scroll;display:flex}.certs-carousel:hover{animation-play-state:paused}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.cert-slide{flex-shrink:0;width:clamp(200px,25vw,280px)}.cert-slide-content{background:var(--section-bg);border:1px solid var(--card-border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:16px;height:100%;padding:32px 24px;transition:all .3s;display:flex}.cert-slide-content:hover{box-shadow:0 12px 32px var(--shadow);border-color:var(--logo-accent);transform:translateY(-8px)}.cert-logo{border-radius:12px;justify-content:center;align-items:center;width:clamp(70px,12vw,100px);height:clamp(70px,12vw,100px);margin-bottom:12px;display:flex;overflow:hidden}.cert-logo img{object-fit:contain;width:100%;height:100%}.cert-slide-content h3{color:var(--text-color);margin:0;font-size:1.3rem;font-weight:700}.cert-slide-content p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.cert-badge{border-radius:999px;align-items:center;gap:6px;margin-top:auto;padding:8px 16px;font-size:.8rem;font-weight:600;display:inline-flex}.cert-badge.in-progress{color:var(--warning-color);background:#f59e0b1f}.cert-badge.goal{color:var(--logo-accent);background:#0891b21f}.cert-badge.completed{color:var(--success-color);background:#16a34a1f}.cert-learn-more{background:var(--btn-bg);color:var(--white);cursor:pointer;text-align:center;border:none;border-radius:8px;margin-top:12px;padding:8px 20px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.cert-learn-more:hover{background:var(--logo-accent);box-shadow:0 4px 12px var(--shadow);transform:translateY(-2px)}.cert-learn-more:active{transform:translateY(0)}@media (max-width:768px){.certs-carousel-wrapper{padding:30px 0}.cert-slide{width:240px}.cert-slide-content{padding:24px 16px}.cert-logo{width:80px;height:80px}.cert-slide-content h3{font-size:1.1rem}.cert-slide-content p{font-size:.85rem}.cert-badge{padding:6px 12px;font-size:.75rem}.cert-learn-more{width:100%;padding:6px 16px;font-size:.8rem;display:block}}@media (max-width:480px){.cert-slide{width:200px}.cert-slide-content{gap:12px;padding:20px 12px}.cert-logo{width:70px;height:70px}.cert-slide-content h3{font-size:1rem}.cert-slide-content p{font-size:.8rem}.cert-badge{padding:5px 10px;font-size:.7rem}.cert-learn-more{width:100%;padding:5px 14px;font-size:.75rem;display:block}}.ctf-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.ctf-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;border-radius:16px;padding:24px 20px;transition:all .25s}.ctf-card:hover{box-shadow:0 6px 20px var(--shadow);border-color:var(--logo-accent);transform:translateY(-4px)}.ctf-card .ctf-icon{color:var(--logo-accent);margin-bottom:12px;font-size:2.2rem}.ctf-overall-progress{background:var(--card-bg);border:1px solid var(--card-border);max-width:700px;box-shadow:0 4px 20px var(--shadow);border-radius:16px;margin-bottom:30px;margin-left:auto;margin-right:auto;padding:24px 28px}.ctf-stats-dashboard{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;max-width:700px;margin-bottom:30px;margin-left:auto;margin-right:auto;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 2px 12px var(--shadow);border-radius:12px;align-items:center;gap:12px;padding:20px;transition:all .25s;display:flex}.stat-card:hover{box-shadow:0 4px 20px var(--shadow);border-color:var(--logo-accent);transform:translateY(-2px)}.stat-icon{background:linear-gradient(135deg, var(--btn-bg), var(--accent-glow));width:48px;height:48px;color:var(--white);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.stat-content{flex:1}.stat-value{color:var(--text-color);font-size:1.5rem;font-weight:800;line-height:1.2}.stat-label{color:var(--text-secondary);margin-top:2px;font-size:.8rem;font-weight:500}.ctf-overall-progress h3 span{color:var(--logo-accent);font-size:1.3rem}.ctf-filters{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px;display:flex}.search-icon{color:var(--text-secondary);pointer-events:none;font-size:1rem;position:absolute;left:16px}#ctf-search{border:1px solid var(--card-border);background:var(--card-bg);width:100%;color:var(--text-color);border-radius:12px;outline:none;padding:14px 16px 14px 44px;font-family:inherit;font-size:.95rem;transition:all .2s}#ctf-search::placeholder{color:var(--text-secondary)}#ctf-search:focus{border-color:var(--logo-accent);box-shadow:0 0 0 2px #0891b226}.ctf-filters-advanced{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 4px 20px var(--shadow);border-radius:16px;margin-bottom:30px;padding:24px}.filter-btn{border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.filter-btn:hover{border-color:var(--logo-accent);color:var(--logo-accent)}.filter-btn.active{background:var(--logo-accent);color:var(--white);border-color:var(--logo-accent);box-shadow:0 4px 12px var(--shadow-strong)}.ctf-results-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;display:flex}.ctf-results-count{color:var(--text-secondary);font-size:.9rem}.ctf-results-count span{color:var(--logo-accent);font-size:1.1rem;font-weight:700}.ctf-controls{align-items:center;gap:12px;display:flex}.ctf-sort{align-items:center;display:flex}.ctf-view-toggle{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;gap:4px;padding:4px;display:flex}.view-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px 10px;font-size:.9rem;transition:all .2s;display:flex}.view-btn:hover{color:var(--logo-accent)}.view-btn.active{background:var(--logo-accent);color:var(--white)}.ctf-list.list-view{flex-direction:column;gap:12px;display:flex}.ctf-list.list-view .ctf-item{flex-direction:row;align-items:center;gap:20px}.ctf-list.list-view .ctf-item-header{flex-shrink:0;min-width:200px}.ctf-list.list-view .ctf-item-header h3{font-size:1rem}.ctf-list.list-view p{flex:1;margin:0;font-size:.9rem}.ctf-list.list-view .ctf-tags{flex-shrink:0}.ctf-list.list-view .ctf-meta{border-top:none;flex-shrink:0;margin-top:0;padding-top:0}.ctf-list.list-view .ctf-actions{flex-shrink:0;margin-top:0}.sort-select{border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-color);cursor:pointer;border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:.85rem;transition:all .2s}.sort-select:hover{border-color:var(--logo-accent)}.sort-select:focus{border-color:var(--logo-accent);box-shadow:0 0 0 2px #0891b226}@media (max-width:768px){.ctf-filters-advanced{padding:16px}.filter-group{margin-bottom:16px}.filter-label{margin-bottom:8px;font-size:.8rem}.filter-buttons{gap:6px}.filter-btn{padding:6px 12px;font-size:.8rem}.search-box{margin-bottom:0}#ctf-search{padding:12px 16px 12px 40px;font-size:.9rem}.search-icon{font-size:.9rem;left:14px}}.section-subtitle{color:var(--text-color);border-bottom:1px solid var(--card-border);text-align:center;justify-content:center;align-items:center;gap:10px;margin:0 auto 20px;padding-bottom:14px;font-size:1.35rem;font-weight:700;display:flex}.section-subtitle i{color:var(--logo-accent)}.ctf-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.ctf-item{background:var(--card-bg);border:1px solid var(--card-border);border-left:3px solid var(--logo-accent);border-radius:14px;flex-direction:column;gap:10px;padding:20px 22px;transition:all .3s;display:flex}.ctf-item:hover{box-shadow:0 8px 24px var(--shadow);transform:translateY(-4px)}.ctf-item.pending{border-left-color:var(--text-secondary);opacity:.75}.ctf-item.filtered-out{opacity:0;pointer-events:none;transform:scale(.95)}.ctf-meta{border-top:1px solid var(--card-border);flex-wrap:wrap;gap:12px;margin-top:8px;padding-top:12px;display:flex}.meta-item{color:var(--text-secondary);align-items:center;gap:4px;font-size:.8rem;font-weight:500;display:flex}.meta-item i{color:var(--logo-accent);font-size:.85rem}.ctf-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.btn-favorite:hover i,.btn-favorite.active i{color:var(--error-color)}.btn-favorite.active i:before{content:"";font-weight:900}.ctf-item-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.ctf-item h3{color:var(--text-color);flex:1;font-size:1.05rem;font-weight:700}.ctf-item p{color:var(--text-secondary);font-size:.88rem;line-height:1.6}.badge{white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge i{font-size:.7rem}.badges{flex-wrap:wrap;gap:6px;display:flex}.badge--status{color:var(--logo-accent);background:#0891b21f}.badge--completed{color:var(--success-color);background:#16a34a1f}.badge--pending{color:var(--warning-color);background:#f59e0b1f}.badge--easy{background:var(--badge-easy-bg);color:var(--badge-easy-text)}.badge--medium{background:var(--badge-medium-bg);color:var(--badge-medium-text)}.badge--hard{background:var(--badge-hard-bg);color:var(--badge-hard-text)}.ctf-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--tag-bg);color:var(--tag-text);border-radius:6px;padding:2px 9px;font-size:.75rem;font-weight:600;display:inline-flex}.writeup-link{color:var(--logo-accent);align-items:center;gap:6px;width:fit-content;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.writeup-link:hover{opacity:.85;text-decoration:underline}.ctf-platform-group.hidden,.ctf-item.filtered-out{display:none}.contact-section{background:var(--card-bg)}.contact-form{flex-direction:column;gap:14px;max-width:600px;margin:0 auto;display:flex}.contact-form input,.contact-form textarea{border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-color);border-radius:12px;outline:none;padding:13px 16px;font-family:inherit;font-size:.97rem;transition:all .2s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-secondary)}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--logo-accent);box-shadow:0 0 0 2px #0891b226}.contact-form button{background:linear-gradient(135deg, var(--btn-bg), var(--accent-glow));color:var(--white);cursor:pointer;border:none;border-radius:12px;padding:13px;font-family:inherit;font-size:1rem;font-weight:700;transition:all .25s}.contact-form button:hover{box-shadow:0 6px 18px var(--shadow-strong);transform:translateY(-2px)}.contact-social{justify-content:center;gap:20px;margin-top:32px;display:flex}.contact-social a{color:var(--text-secondary);font-size:1.5rem;transition:all .25s}.contact-social a:hover{color:var(--logo-accent);transform:translateY(-2px)}#main-content{flex-direction:column;flex:auto;width:100%;min-height:100dvh;display:flex}#main-content>div{flex-direction:column;flex:auto;width:100%;min-height:100%;display:flex}#main-content>div>.footer{flex-shrink:0;margin-top:auto}#main-content>div>main{flex:auto}#main-content>.footer{flex-shrink:0;margin-top:auto}#main-content>main{flex:auto}.footer{background:var(--card-bg);border-top:1px solid var(--card-border);padding:60px 20px 28px}.dark-mode .footer{background:#111827;border-top-color:#1f2937}.footer-content{flex-wrap:wrap;gap:40px;margin-bottom:40px;display:flex}.footer-brand{flex:1;min-width:250px}.footer-brand h3{color:var(--text-color);margin-bottom:8px;font-size:1.3rem;font-weight:700}.footer-brand p{font-size:.95rem;line-height:1.6}.footer-links{flex:1;min-width:200px}.footer-links h4{text-transform:uppercase;letter-spacing:.1em;color:var(--text-color);margin-bottom:16px;font-size:.9rem;font-weight:700}.footer-links ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-links ul li a{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color .2s}.footer-links ul li a:hover{color:var(--logo-accent)}@media (max-width:768px){.footer-content{flex-direction:column;gap:30px}.footer-brand,.footer-links{text-align:center}.footer-bottom{text-align:center;flex-direction:column;gap:16px}.footer-social{justify-content:center}}@media (max-width:480px){.footer-content{gap:24px}.footer-brand h3{font-size:1.2rem}.footer-brand p{font-size:.9rem}.footer-links h4,.footer-links ul li a{font-size:.85rem}.footer-bottom{gap:12px}.footer-social a{width:32px;height:32px;font-size:.9rem}}.footer-inner{max-width:1100px;margin:0 auto}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.footer-brand .footer-logo{letter-spacing:-.03em;color:var(--text-color);align-items:center;gap:10px;margin-bottom:14px;font-size:1.3rem;font-weight:800;text-decoration:none;display:flex}.footer-brand .footer-logo-name{color:inherit;font:inherit;letter-spacing:inherit}.footer-avatar{object-fit:cover;border:2px solid var(--logo-accent);border-radius:50%;width:34px;height:34px}.footer-tagline{color:var(--text-color);margin-bottom:8px;font-size:1.05rem;font-style:italic;font-weight:700}.footer-tagline span{color:var(--logo-accent)}.footer-desc{color:var(--text-secondary);max-width:320px;font-size:.88rem;line-height:1.7}.footer-col h4{letter-spacing:.1em;text-transform:uppercase;color:var(--text-color);margin-bottom:16px;font-size:.78rem;font-weight:700}.footer-col ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-col ul li a{color:var(--text-secondary);align-items:center;gap:6px;font-size:.9rem;text-decoration:none;transition:color .2s;display:flex}.footer-col ul li a:hover{color:var(--logo-accent)}.footer-col ul li a i{opacity:.6;font-size:.75rem}.footer-bottom{border-top:1px solid var(--card-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;display:flex}.footer-bottom p{color:var(--text-secondary);font-size:.85rem}.footer-bottom p span{color:var(--logo-accent);font-weight:700}.footer-social{gap:12px;display:flex}.footer-social a{border:1px solid var(--card-border);width:36px;height:36px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;font-size:.95rem;transition:all .2s;display:flex}.footer-social a:hover{background:var(--logo-accent);border-color:var(--logo-accent);color:var(--white);transform:translateY(-2px)}@media (max-width:768px){.back-to-top{width:48px;height:48px;font-size:1.1rem;bottom:20px;right:20px}}@media (max-width:768px){.cert-detail-page{padding:40px 0}.cert-detail-header{text-align:center;flex-direction:column;gap:24px}.cert-detail-logo{width:120px;height:120px}.cert-detail-title{font-size:2rem}.cert-detail-subtitle{font-size:1rem}.cert-detail-content{padding:24px}.cert-detail-block h3{font-size:1.2rem}.cert-details-grid{grid-template-columns:1fr}.cert-links{flex-direction:column}.cert-link{justify-content:center}}@media (max-width:480px){.cert-detail-title{font-size:1.5rem}.cert-detail-content{padding:20px}.cert-detail-block{padding-bottom:24px}}.project-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;border-radius:16px;flex-direction:column;gap:10px;padding:24px 20px;transition:all .25s;display:flex}.project-icon{color:var(--logo-accent);margin-bottom:6px;font-size:2.2rem}.project-card h3{color:var(--text-color);font-size:1.05rem;font-weight:700}.project-card p{color:var(--text-secondary);font-size:.92rem}.tech{color:var(--logo-accent);font-size:.83rem;font-weight:600}.btn-project{background:linear-gradient(135deg, var(--btn-bg), var(--accent-glow));color:var(--white);border-radius:10px;margin-top:8px;padding:8px 16px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .25s}.btn-project:hover{box-shadow:0 4px 14px var(--shadow-strong);transform:translateY(-2px)}.btn-project.btn-disabled{background:var(--card-border);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.btn-project.btn-disabled:hover{box-shadow:none;transform:none}.projects-stats-dashboard{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;max-width:700px;margin-bottom:30px;margin-left:auto;margin-right:auto;display:grid}.project-filters-advanced{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 4px 20px var(--shadow);border-radius:16px;margin-bottom:30px;padding:24px}.project-results-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;display:flex}.project-results-count{color:var(--text-secondary);font-size:.9rem}.project-results-count span{color:var(--logo-accent);font-size:1.1rem;font-weight:700}.project-view-toggle{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;gap:4px;padding:4px;display:flex}.project-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;border-radius:16px;flex-direction:column;gap:12px;padding:24px 20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";background:linear-gradient(90deg, var(--btn-bg), var(--accent-glow));opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.project-card:hover:before{opacity:1}.project-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.project-icon{background:linear-gradient(135deg, var(--btn-bg), var(--accent-glow));width:56px;height:56px;color:var(--white);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.project-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.badge--category{color:var(--cert-goal);background:#7c3aed1f}.badge--dev{color:var(--warning-color);background:#f59e0b1f}.badge--soon{color:var(--gray-400);background:#6b72801f}.project-card h3{color:var(--text-color);margin:0;font-size:1.1rem;font-weight:700}.project-card p{color:var(--text-secondary);flex:1;font-size:.92rem;line-height:1.6}.project-tech{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.tech-tag{color:var(--logo-accent);background:#0891b214;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600}.project-meta{border-top:1px solid var(--card-border);justify-content:center;gap:12px;padding-top:12px;display:flex}.project-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.btn-action{border:1px solid var(--card-border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;transition:all .2s;display:flex}.btn-action:hover{color:var(--logo-accent);border-color:var(--logo-accent);background:#0891b214}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal-content{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:24px;display:flex}.modal-header h2{color:var(--text-color);margin:0;font-size:1.5rem;font-weight:700}.modal-body{padding:24px}.modal-description{margin-bottom:24px}.modal-description p{color:var(--text-secondary);line-height:1.7}.modal-features,.modal-tech{margin-bottom:24px}.modal-features h4,.modal-tech h4{color:var(--text-color);align-items:center;gap:8px;margin-bottom:12px;font-size:1rem;font-weight:700;display:flex}.modal-features h4 i,.modal-tech h4 i{color:var(--logo-accent)}.modal-features ul{margin:0;padding:0;list-style:none}.modal-features ul li{color:var(--text-secondary);padding:8px 0 8px 24px;position:relative}.modal-features ul li:before{content:"✓";color:var(--logo-accent);font-weight:700;position:absolute;left:0}.modal-tech .tech-tags{flex-wrap:wrap;gap:8px;display:flex}.modal-meta{border-top:1px solid var(--card-border);gap:20px;padding-top:16px;display:flex}.modal-meta .meta-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:.9rem;display:flex}.modal-meta .meta-item i{color:var(--logo-accent)}.projects-grid.list-view{flex-direction:column;gap:16px;display:flex}.projects-grid.list-view .project-card{text-align:left;flex-direction:row;align-items:center;padding:20px 24px}.projects-grid.list-view .project-header{flex-shrink:0;min-width:200px}.projects-grid.list-view .project-card h3{font-size:1rem}.projects-grid.list-view .project-card p{flex:1;margin:0;font-size:.9rem}.projects-grid.list-view .project-tech{justify-content:flex-start}.projects-grid.list-view .project-meta{border-top:none;padding-top:0}.projects-grid.list-view .project-actions{justify-content:flex-end}.writeup-actions{text-align:center;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.meta-grid{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.meta-item{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-color);border-radius:12px;padding:10px 16px;font-size:.88rem}.status-completed{color:var(--success-color);font-weight:700}.code-block{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;margin:12px 0;padding:16px;overflow-x:auto}.code-block pre{color:var(--text-color);margin:0;font-family:JetBrains Mono,Courier New,monospace;font-size:.88rem;line-height:1.5}.code-block code{background:0 0;border-radius:0;padding:0}@media (max-width:900px){.main-container{text-align:center;flex-direction:column-reverse}.lead{max-width:100%;margin:20px auto}.social-links{justify-content:center}.content h1{font-size:2.2rem}.footer-grid{grid-template-columns:1fr 1fr;gap:36px}.footer-brand{grid-column:1/-1}.footer-desc{max-width:100%}.mobile-controls{display:flex}}@media (max-width:600px){.section{padding:60px 16px}.content h1{font-size:1.9rem}.profile-photo-wrapper{width:230px;height:230px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.skill-card{padding:12px;font-size:.85rem}.ctf-grid,.ctf-list{grid-template-columns:1fr}.certs-grid{grid-template-columns:1fr 1fr}.filter-btn{padding:7px 14px;font-size:.82rem}.dropdown{width:85%;max-width:320px}.dropdown-header{padding:16px 20px}.dropdown-header h3{font-size:1.2rem}.dropdown-content{padding:12px 16px}.dropdown-content>a{padding:12px 14px;font-size:.95rem}.mobile-accordion-header{padding:12px 14px}.mobile-accordion-header span{font-size:.95rem}.mobile-accordion-content a{padding:10px 14px 10px 44px;font-size:.9rem}.mobile-social a{width:40px;height:40px;font-size:1.1rem}}@media (min-width:1440px){.container{max-width:1320px}.content h1{font-size:3.5rem}.lead{max-width:700px;font-size:1.3rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}.skill-card{padding:20px;font-size:1.1rem}.certs-carousel-wrapper{padding:50px 0}.cert-slide{width:320px}.cert-slide-content{padding:40px 28px}.cert-logo{width:120px;height:120px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px}.ctf-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (min-width:1200px) and (max-width:1439px){.container{max-width:1140px}.content h1{font-size:3rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.cert-slide{width:300px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (min-width:992px) and (max-width:1199px){.container{max-width:960px}.content h1{font-size:2.8rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px}.cert-slide{width:280px}.cert-slide-content{padding:32px 24px}.cert-logo{width:100px;height:100px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.footer-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px) and (max-width:991px){.container{max-width:720px}.section{padding:80px 20px}.content h1{font-size:2.4rem}.lead{font-size:1.1rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.skill-card{padding:16px;font-size:.95rem}.cert-slide{width:260px}.cert-slide-content{padding:28px 20px}.cert-logo{width:90px;height:90px}.cert-slide-content h3{font-size:1.2rem}.cert-slide-content p{font-size:.85rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.ctf-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{text-align:center;grid-column:1/-1}.footer-bottom{text-align:center;flex-direction:column;gap:16px}}@media (min-width:480px) and (max-width:767px){.container{max-width:100%;padding:0 20px}.section{padding:60px 0}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.content h1{font-size:2rem}.lead{font-size:1rem;line-height:1.6}.profile-photo-wrapper{width:200px;height:200px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px}.skill-card{padding:14px;font-size:.9rem}.skill-card i{font-size:1.5rem}.cert-slide{width:240px}.cert-slide-content{gap:12px;padding:24px 16px}.cert-logo{width:80px;height:80px}.cert-slide-content h3{font-size:1.1rem}.cert-slide-content p{font-size:.85rem}.cert-badge{padding:6px 12px;font-size:.75rem}.cert-learn-more{width:100%;padding:6px 16px;font-size:.8rem;display:block}.projects-grid{grid-template-columns:1fr;gap:20px}.project-card{padding:20px}.project-card h3{font-size:1.2rem}.ctf-grid{grid-template-columns:1fr}.ctf-card{padding:20px}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-brand,.footer-links{text-align:center}.footer-bottom{text-align:center;flex-direction:column;gap:12px}.footer-social{justify-content:center}.contact-form{padding:24px}.contact-form input,.contact-form textarea{padding:12px;font-size:.95rem}.btn-primary{padding:12px 24px;font-size:.95rem}}@media (max-width:479px){.container{padding:0 16px}.section{padding:50px 0}.section-title{font-size:1.8rem}.section-subtitle{font-size:.95rem}.content h1{font-size:1.7rem;line-height:1.3}.lead{font-size:.95rem}.profile-photo-wrapper{width:180px;height:180px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.skill-card{padding:12px;font-size:.85rem}.skill-card i{font-size:1.3rem}.skill-card span{margin-top:6px;display:block}.cert-slide{width:200px}.cert-slide-content{gap:10px;padding:20px 12px}.cert-logo{width:70px;height:70px}.cert-slide-content h3{font-size:1rem}.cert-slide-content p{font-size:.8rem}.cert-badge{padding:5px 10px;font-size:.7rem}.cert-learn-more{width:100%;padding:5px 14px;font-size:.75rem;display:block}.project-card{padding:16px}.project-card h3{font-size:1.1rem}.project-card p{font-size:.9rem}.project-tags{flex-wrap:wrap;gap:6px}.project-tag{padding:4px 10px;font-size:.75rem}.ctf-card{padding:16px}.ctf-card h3{font-size:1.1rem}.footer-brand h3{font-size:1.3rem}.footer-brand p{font-size:.9rem}.footer-links h4{font-size:1rem}.footer-links ul li{font-size:.9rem}.contact-form{padding:20px 16px}.contact-form input,.contact-form textarea{padding:10px;font-size:.9rem}.btn-primary{padding:10px 20px;font-size:.9rem}.back-to-top{width:44px;height:44px;font-size:1rem}}@media (max-width:480px){.dropdown{width:100%;max-width:none}.dropdown-header{padding:14px 16px}.dropdown-header h3{font-size:1.1rem}.dropdown-header .cancel{padding:6px;font-size:1.3rem}.dropdown-content{padding:10px 14px}.dropdown-content>a{gap:10px;padding:10px 12px;font-size:.9rem}.dropdown-content>a i{width:18px;font-size:1rem}.mobile-accordion{margin:2px 0}.mobile-accordion-header{padding:10px 12px}.mobile-accordion-header span{gap:10px;font-size:.9rem}.mobile-accordion-header span i{width:18px;font-size:1rem}.mobile-accordion-header .accordion-icon{font-size:.8rem}.mobile-accordion-content a{gap:10px;padding:8px 12px 8px 40px;font-size:.85rem}.mobile-accordion-content a i{width:16px;font-size:.9rem}.dropdown-footer{padding:14px 16px}.mobile-social{gap:8px}.mobile-social a{width:36px;height:36px;font-size:1rem}.hamburg,.mobile-theme-toggle-icon{display:block!important}}@media (max-height:500px) and (orientation:landscape){.section{padding:40px 0}.profile-photo-wrapper{width:150px;height:150px}.content h1{font-size:1.8rem}.lead{font-size:.9rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9998;opacity:0;visibility:hidden;background:#000000b3;width:100%;height:100%;transition:all .3s;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;visibility:visible}.contact-modal{background:var(--white);z-index:9999;opacity:0;visibility:hidden;border-radius:16px;width:90%;max-width:550px;max-height:90vh;transition:all .3s;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(.9);box-shadow:0 20px 60px #00000026}.contact-modal.active{opacity:1;visibility:visible;transform:translate(-50%,-50%)scale(1)}.contact-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.contact-modal-header h3{color:#1e293b;margin:0;font-size:1.4rem}.modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;font-size:1.3rem;transition:all .2s}.modal-close:hover{color:#1e293b;background:#e2e8f0}.contact-modal-body{max-height:calc(90vh - 80px);padding:25px;overflow-y:auto}.contact-modal-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#1e293b;font-size:.9rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{color:#1e293b;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:1rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0891b2;outline:none;box-shadow:0 0 0 2px #0891b21a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.form-group input.success,.form-group select.success,.form-group textarea.success{border-color:#22c55e}.form-group textarea{resize:vertical;min-height:120px}.form-error{color:var(--error-color);opacity:0;min-height:20px;font-size:.85rem;transition:opacity .2s}.form-error.visible{opacity:1}#contact-submit{margin-top:10px;padding:14px 24px;font-size:1rem;font-weight:600}#contact-submit:disabled{opacity:.6;cursor:not-allowed}.contact-modal-success{text-align:center;padding:40px 20px;animation:.3s fadeIn}.success-icon{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;font-size:2.5rem;animation:.5s scaleIn;display:flex}.contact-modal-success h3{color:#1e293b;margin-bottom:10px;font-size:1.5rem}.contact-modal-success p{color:#64748b;margin-bottom:25px}.contact-modal-error{text-align:center;padding:40px 20px;animation:.3s fadeIn}.error-icon{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;font-size:2.5rem;animation:.5s shake;display:flex}.contact-modal-error h3{color:#1e293b;margin-bottom:10px;font-size:1.5rem}.contact-modal-error p{color:#64748b;margin-bottom:25px}.contact-modal-loading{text-align:center;padding:60px 20px;animation:.3s fadeIn}.loading-spinner{color:#0891b2;margin-bottom:15px;font-size:3rem}.contact-modal-loading p{color:#64748b;font-size:1.1rem}.open-contact-modal{margin:20px auto;padding:16px 32px;font-size:1.1rem;font-weight:600;display:block}.btn-large{padding:14px 28px;font-size:1.05rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@media (max-width:768px){.contact-modal{width:95%;max-height:95vh}.contact-modal-header{padding:15px 20px}.contact-modal-header h3{font-size:1.2rem}.contact-modal-body{padding:20px}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;font-size:.95rem}.open-contact-modal{padding:14px 24px;font-size:1rem}}.contact-modal{background:#1a1a2e;box-shadow:0 20px 60px #00000080}.contact-modal-header{background:#16213e;border-color:#0f3460}.form-group input,.form-group select,.form-group textarea{color:#e4e4e7;background:#0f3460;border-color:#0f3460}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#22d3ee;box-shadow:0 0 0 2px #22d3ee33}body.custom-cursor-active,body.custom-cursor-active a,body.custom-cursor-active button{cursor:none}.custom-cursor{background:var(--logo-accent);pointer-events:none;z-index:9999;border-radius:50%;width:8px;height:8px;transition:transform .1s;position:fixed;transform:translate(-50%,-50%)}.custom-cursor-ring{border:2px solid var(--logo-accent);pointer-events:none;z-index:9998;border-radius:50%;width:16px;height:16px;transition:width .2s,height .2s,border-color .2s;position:fixed;transform:translate(-50%,-50%)}@media (max-width:1024px){.custom-cursor,.custom-cursor-ring{visibility:hidden!important;display:none!important}body{cursor:auto}}.custom-cursor.hover,.custom-cursor-ring.hover{border-color:var(--accent-glow);width:20px;height:20px}@media (max-width:768px){.custom-cursor,.custom-cursor-ring{display:none!important}body.custom-cursor-active{cursor:auto}}@media (prefers-reduced-motion:reduce){.custom-cursor,.custom-cursor-ring{display:none!important}body.custom-cursor-active{cursor:auto}}.ctf-page header.section{padding-top:40px}.ctf-hero{max-width:1100px;margin:0 auto;padding:0 20px 40px}.ctf-hero-grid{justify-content:center;gap:20px;display:flex}.ctf-player-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);border-radius:16px;align-items:center;gap:20px;padding:24px;display:flex;box-shadow:0 8px 32px #0006}.ctf-player-avatar{object-fit:cover;border:3px solid var(--logo-accent);border-radius:50%;flex-shrink:0;width:80px;height:80px;box-shadow:0 0 20px #0891b259}.ctf-player-info h2{color:var(--text-color);margin-bottom:4px;font-size:1.35rem;font-weight:800}.ctf-level-badge{color:var(--white);background:linear-gradient(135deg, var(--btn-bg), #7c3aed);border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.ctf-rank-title{color:var(--logo-accent);margin-bottom:12px;font-size:.9rem;font-weight:600}.ctf-xp-wrap{margin-bottom:6px}.ctf-xp-labels{color:var(--text-secondary);justify-content:space-between;margin-bottom:6px;font-size:.75rem;font-weight:600;display:flex}.ctf-xp-bar{background:var(--progress-bg);border-radius:999px;height:10px;overflow:hidden}.ctf-xp-fill{background:linear-gradient(90deg, var(--btn-bg), var(--accent-glow), #7c3aed);border-radius:999px;width:0%;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #06b6d480}.ctf-xp-total{color:var(--text-secondary);font-size:.8rem}.ctf-badges-panel{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:24px}.ctf-badges-panel h3{color:var(--text-color);margin-bottom:16px;font-size:1.1rem;font-weight:700}.ctf-badges-grid{flex-wrap:wrap;gap:12px;min-height:40px;margin-bottom:20px;display:flex}.ctf-platform-progress{flex-direction:column;gap:16px;display:flex}.ctf-platform-stat{align-items:center;gap:12px;display:flex}.ctf-platform-stat i{color:var(--logo-accent);width:24px;font-size:1.2rem}.platform-name{color:var(--text-color);flex:1;font-size:.9rem;font-weight:600}.platform-count{color:var(--text-secondary);text-align:right;min-width:40px;font-size:.8rem}.ctf-platform-stat .progress-bar{background:var(--progress-bg);border-radius:999px;flex:1;height:6px;overflow:hidden}.ctf-platform-stat .progress-fill{background:linear-gradient(90deg, var(--btn-bg), var(--accent-glow));border-radius:999px;height:100%;transition:width 1s}.ctf-overall-progress{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;max-width:1100px;margin:0 auto 32px;padding:20px}.ctf-overall-progress h3{color:var(--text-color);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:1rem;font-weight:700;display:flex}.ctf-overall-progress h3 span{color:var(--logo-accent);font-size:.85rem;font-weight:600}.ctf-stats-dashboard{grid-template-columns:repeat(4,1fr);gap:8px;max-width:1100px;margin:0 auto 16px;display:grid}.ctf-stats-dashboard .stat-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;border-radius:4px;flex-direction:column;align-items:center;gap:1px;min-height:60px;padding:4px;display:flex}.ctf-stats-dashboard .stat-icon{width:24px;height:24px;color:var(--logo-accent);background:#0891b21a;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;display:flex}.ctf-stats-dashboard .stat-value{color:var(--text-color);font-size:.95rem;font-weight:800}.ctf-stats-dashboard .stat-label{color:var(--text-secondary);font-size:.6rem;font-weight:600}.custom-select{width:100%;position:relative}.select-label{color:var(--text-color);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.select-trigger{background:var(--card-bg);border:1px solid var(--card-border);cursor:pointer;color:var(--text-color);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.9rem;transition:all .2s;display:flex}.select-trigger:hover{border-color:var(--logo-accent)}.select-trigger.open{border-color:var(--logo-accent);box-shadow:0 0 0 3px #0891b21a}.select-value{flex:1}.select-arrow{color:var(--text-secondary);margin-left:12px;font-size:.8rem;transition:transform .2s}.select-options{background:var(--card-bg);border:1px solid var(--card-border);z-index:1000;border-radius:8px;max-height:200px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.select-option{cursor:pointer;color:var(--text-color);padding:10px 16px;font-size:.9rem;transition:background .2s}.select-option:hover{background:#0891b21a}.select-option.selected{color:var(--logo-accent);background:#0891b226;font-weight:600}.ctf-filters-modern{max-width:1100px;margin:0 auto 32px}.filters-row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.search-wrapper{flex:2;min-width:250px}.filter-wrapper{flex:1;min-width:150px}.clear-filters-btn{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-color);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.clear-filters-btn:hover{color:var(--error-color);background:#ef44441a;border-color:#ef44444d}.clear-filters-btn:active{transform:scale(.98)}@media (max-width:768px){.filters-row{flex-direction:column;align-items:stretch}.search-wrapper,.filter-wrapper{width:100%;min-width:unset}.clear-filters-btn{justify-content:center;width:100%}}@media (max-width:480px){.filters-row{gap:12px}.clear-filters-btn{padding:10px 16px}}.ctf-search-container{max-width:1100px;margin:0 auto 32px}.search-box{align-items:center;display:flex;position:relative}.search-box i{color:var(--text-secondary);font-size:1rem;position:absolute;left:16px}.search-box input{border:1px solid var(--card-border);background:var(--card-bg);width:100%;color:var(--text-color);border-radius:12px;padding:14px 16px 14px 48px;font-family:inherit;font-size:.95rem}.search-box input:focus{border-color:var(--logo-accent);outline:none;box-shadow:0 0 0 2px #0891b233}.ctf-filters-advanced{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;max-width:1100px;margin:0 auto 32px;padding:24px}.filter-group{margin-bottom:20px}.filter-group:last-child{margin-bottom:0}.filter-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.85rem;font-weight:700;display:block}.filter-buttons{flex-wrap:wrap;gap:8px;display:flex}.filter-btn{border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);transform:scale(1)}.filter-btn:hover{background:var(--card-border);color:var(--logo-accent);transform:scale(1.05)}.filter-btn.active{background:var(--btn-bg);color:var(--white);border-color:var(--btn-bg);transform:scale(1.05);box-shadow:0 0 12px #0891b24d}.ctf-empty-state,.project-empty-state{text-align:center;color:var(--text-secondary);padding:48px 20px}.ctf-empty-state i,.project-empty-state i{color:var(--logo-accent);opacity:.5;margin-bottom:12px;font-size:2.5rem}.ctf-empty-state h3,.project-empty-state h3{color:var(--text-color);margin-bottom:8px;font-size:1.2rem;font-weight:700}.ctf-empty-state p,.project-empty-state p{font-size:.9rem}@media (max-width:900px){.ctf-platform-progress{grid-template-columns:1fr}.ctf-stats-dashboard{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.ctf-player-card{text-align:center;flex-direction:column}.ctf-stats-dashboard{grid-template-columns:1fr}}.projetos-page header.section{padding-top:40px}.projetos-page .section-title{background:linear-gradient(135deg, var(--logo-accent), var(--accent-glow));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.projetos-page .section-title:after{background:linear-gradient(90deg, var(--logo-accent), #7c3aed)}.projects-stats-dashboard{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1100px;margin:0 auto 32px;display:grid}.projects-stats-dashboard .stat-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.projects-stats-dashboard .stat-icon{width:48px;height:48px;color:var(--logo-accent);background:#0891b21a;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.projects-stats-dashboard .stat-value{color:var(--text-color);font-size:1.8rem;font-weight:800}.projects-stats-dashboard .stat-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.project-search-container,.project-tech-filters-wrap{max-width:1100px;margin:0 auto 24px}.project-tech-filters{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.project-filters-advanced{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;max-width:1100px;margin:0 auto 24px;padding:24px}.project-results-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:0 auto 24px;display:flex}.project-results-count{color:var(--text-secondary);font-size:.9rem;font-weight:600}.project-results-count span{color:var(--logo-accent);font-weight:800}.project-controls{align-items:center;gap:12px;display:flex}.project-sort select{border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-color);cursor:pointer;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:.85rem}.project-view-toggle{gap:4px;display:flex}.view-btn{border:1px solid var(--card-border);background:var(--card-bg);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.view-btn:hover,.view-btn.active{background:var(--btn-bg);color:var(--white);border-color:var(--btn-bg)}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;max-width:1100px;margin:0 auto;display:grid}.project-empty-state{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:48px 20px}.project-empty-state i{color:var(--logo-accent);opacity:.5;margin-bottom:12px;font-size:2.5rem}.project-empty-state h3{color:var(--text-color);margin-bottom:8px;font-size:1.2rem;font-weight:700}.project-empty-state p{font-size:.9rem}@media (max-width:900px){.projects-stats-dashboard{grid-template-columns:repeat(2,1fr)}.project-results-header{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.projects-stats-dashboard,.projects-grid{grid-template-columns:1fr}}.laboratorios-page{background:var(--card-bg)}.lab-page,#main-content>div.lab-page{flex-direction:column;flex:auto;min-height:100dvh;display:flex}.lab-page>.footer,#main-content>div.lab-page>.footer{flex-shrink:0;margin-top:auto}.lab-page .lab-page-main,.lab-page>main{flex:auto}.page-header{text-align:center;background:linear-gradient(135deg, var(--section-bg), var(--bg-color));padding:60px 0 40px}.page-title{color:var(--text-color);justify-content:center;align-items:center;gap:15px;margin-bottom:15px;font-size:2.5rem;font-weight:800;display:flex}.page-title i{color:var(--btn-bg)}.page-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.2rem}.labs-stats{flex-wrap:wrap;justify-content:center;gap:40px;margin-top:40px;display:flex}.stat-item{text-align:center}.stat-number{color:var(--btn-bg);font-size:2.5rem;font-weight:800;line-height:1;display:block}.stat-label{color:var(--text-secondary);margin-top:5px;font-size:.9rem}.filters-section{background:var(--card-bg);border-bottom:1px solid var(--card-border);padding:30px 0}.filters-container{flex-direction:row;align-items:center;gap:1rem;display:flex}.filter-group{align-items:center;margin:0;padding:0;display:flex}.filter-select{height:48px;color:var(--text-color);background:var(--card-bg);border:2px solid var(--card-border);cursor:pointer;box-sizing:border-box;text-align:center;border-radius:25px;min-width:200px;padding:0 16px;font-size:.95rem;transition:all .2s}body:not(.dark-mode) .filter-select{background:#fff;border-color:#0003;box-shadow:0 0 0 1px #0000000d,0 2px 6px #00000014}body.dark-mode .filter-select{background:#0d1117;border-color:#ffffff26;box-shadow:0 0 0 1px #ffffff0d,0 2px 6px #0000004d}.filter-select:hover{border-color:var(--logo-accent);box-shadow:0 0 0 3px #0ea5e926,0 4px 12px #0ea5e933}.filter-select:focus{border-color:var(--logo-accent);outline:none;box-shadow:0 0 0 3px #0ea5e933,0 4px 16px #0ea5e940}.certifications-filters{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.certifications-search{min-width:320px;max-width:500px;height:48px;color:var(--text-color);background:var(--card-bg);border:2px solid var(--card-border);box-sizing:border-box;border-radius:25px;flex:1;padding:0 16px 0 48px;font-size:1rem;transition:border-color .2s,box-shadow .2s,background .2s}.certifications-filter-select{height:48px;color:var(--text-color);background:var(--card-bg);border:2px solid var(--card-border);cursor:pointer;appearance:none;box-sizing:border-box;text-align:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border-radius:25px;min-width:150px;padding:0 40px 0 16px;font-size:.95rem;transition:all .2s}body:not(.dark-mode) .certifications-search{background:#fff;border-color:#0003;box-shadow:0 0 0 1px #0000000d,0 2px 6px #00000014,0 8px 22px #0000001a}body.dark-mode .certifications-search{background:#0d1117;border-color:#ffffff26;box-shadow:0 0 0 1px #ffffff0d,0 2px 6px #0000004d}body:not(.dark-mode) .certifications-filter-select{background:#fff;border-color:#0003;box-shadow:0 0 0 1px #0000000d,0 2px 6px #00000014,0 8px 22px #0000001a}body.dark-mode .certifications-filter-select{background:#0d1117;border-color:#ffffff26;box-shadow:0 0 0 1px #ffffff0d,0 2px 6px #0000004d}.certifications-filter-select:hover,.certifications-search:focus{border-color:var(--logo-accent);box-shadow:0 0 0 3px #0ea5e926,0 4px 12px #0ea5e933}.certifications-filter-select:focus,.certifications-search:focus{border-color:var(--logo-accent);outline:none;box-shadow:0 0 0 3px #0ea5e933,0 4px 16px #0ea5e940}@media (max-width:768px){.certifications-filters{flex-direction:column;align-items:center}.certifications-search{flex:1;min-width:100%;max-width:100%}.certifications-filter-select{width:100%;min-width:100%}}.labs-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;max-width:1100px;margin:0 auto;display:grid}.lab-empty-state{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:48px 20px}.lab-empty-state i{color:var(--logo-accent);opacity:.5;margin-bottom:12px;font-size:2.5rem}.lab-empty-state h3{color:var(--text-color);margin-bottom:8px;font-size:1.2rem;font-weight:700}.lab-empty-state p{font-size:.9rem}@media (max-width:768px){.page-title{font-size:2rem}.labs-stats{gap:20px}.stat-number{font-size:2rem}.labs-grid{grid-template-columns:1fr}}.blog-page{background:var(--card-bg)}.blog-header{text-align:center;background:var(--card-bg);padding:60px 0 40px}.blog-title{color:var(--text-color);justify-content:center;align-items:center;gap:15px;margin-bottom:15px;font-size:2.5rem;font-weight:800;display:flex}.blog-title i{color:var(--btn-bg)}.blog-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.2rem}.newsletter-section{padding:40px 0}.newsletter-card{background:color-mix(in srgb, var(--card-bg) 94%, transparent);-webkit-backdrop-filter:blur(12px);border-radius:20px;max-width:800px;margin:0 auto;padding:40px;transition:box-shadow .25s,border-color .25s,transform .25s;position:relative}body:not(.dark-mode) .newsletter-card{background:#fff;border:1px solid #0f172a29;box-shadow:0 0 0 1px #0000000d,0 2px 6px #00000014,0 10px 28px #0000001f,0 20px 48px #00000014}body.dark-mode .newsletter-card{background:#0f172ae0;border:1px solid #94a3b833;box-shadow:0 0 0 1px #ffffff0a,0 2px 8px #00000047,0 12px 36px #00000061,0 24px 56px #00000038}.newsletter-content{text-align:center}.newsletter-title{color:var(--text-color);justify-content:center;align-items:center;gap:12px;margin-bottom:15px;font-size:1.8rem;font-weight:700;display:flex}.newsletter-title i{color:var(--logo-accent)}.newsletter-description{color:var(--text-secondary);max-width:600px;margin-bottom:30px;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.6}.newsletter-form{margin-bottom:20px}.newsletter-input-group{gap:12px;max-width:500px;margin:0 auto;display:flex}.newsletter-input-group input{color:var(--text-color);border-radius:12px;outline:none;flex:1;padding:14px 20px;font-size:1rem;transition:border-color .2s,box-shadow .2s,background .2s}body:not(.dark-mode) .newsletter-input-group input{background:#fff;border:1px solid #00000047;box-shadow:0 0 0 1px #0000000d,0 2px 6px #00000014,0 8px 22px #0000001a}body:not(.dark-mode) .newsletter-input-group input::placeholder{color:#64748bbf}body:not(.dark-mode) .newsletter-input-group input:focus{background:#fff;border-color:#0000006b;box-shadow:0 0 0 1px #0000000f,0 4px 10px #0000001a,0 12px 28px #0000001f}body.dark-mode .newsletter-input-group input{background:#0d1117;border:1px solid #30363d;box-shadow:0 1px 3px #00000059}body.dark-mode .newsletter-input-group input::placeholder{color:#94a3b8a6}body.dark-mode .newsletter-input-group input:focus{background:#0d1117;border-color:#484f58;box-shadow:0 1px 3px #00000059,0 0 0 3px #38bdf81f}.newsletter-input-group input:disabled{opacity:.6;cursor:not-allowed}.newsletter-submit{background:linear-gradient(135deg, var(--btn-bg), var(--accent-glow));color:var(--white);cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.newsletter-submit:hover:not(:disabled){box-shadow:0 4px 12px var(--shadow-strong);transform:translateY(-2px)}.newsletter-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.newsletter-message{border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:15px;padding:12px 20px;font-size:.95rem;animation:.3s fadeIn;display:flex}.newsletter-success{color:var(--success-color);background:#16a34a1a;border:1px solid #16a34a33}.newsletter-error{color:var(--error-color);background:#ef44441a;border:1px solid #ef444433}.newsletter-note{color:var(--text-secondary);justify-content:center;align-items:center;gap:6px;margin-top:15px;font-size:.85rem;display:flex}.newsletter-note i{color:var(--logo-accent)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:768px){.newsletter-card{padding:30px 20px}.newsletter-title{font-size:1.5rem}.newsletter-description{font-size:.95rem}.newsletter-input-group{flex-direction:column;gap:10px}.newsletter-submit{justify-content:center;width:100%}}@media (max-width:480px){.newsletter-section{padding:30px 0}.newsletter-card{border-radius:16px;padding:25px 15px}.newsletter-title{flex-direction:column;gap:8px;font-size:1.3rem}.newsletter-description{font-size:.9rem}.newsletter-input-group input{padding:12px 16px;font-size:.95rem}.newsletter-submit{padding:12px 20px;font-size:.95rem}}.blog-controls-section{background:var(--card-bg);border-bottom:1px solid var(--card-border);padding:30px 0}.blog-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.search-container{flex:1;min-width:320px;max-width:500px;margin:0;padding:0;position:relative}.search-icon{color:var(--text-secondary);pointer-events:none;font-size:1.1rem;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-container input{width:100%;height:48px;color:var(--text-color);box-sizing:border-box;border-radius:25px;padding:0 16px 0 48px;font-size:1rem;transition:border-color .2s,box-shadow .2s,background .2s}body:not(.dark-mode) .search-container input{background:#fff;border:1px solid #00000047;box-shadow:0 0 0 1px #0000000d,0 2px 6px #00000014,0 8px 22px #0000001a}body:not(.dark-mode) .search-container input::placeholder{color:#64748bbf}body:not(.dark-mode) .search-container input:focus{background:#fff;border-color:#0000006b;outline:none;box-shadow:0 0 0 1px #0000000f,0 4px 10px #0000001a,0 12px 28px #0000001f}body.dark-mode .search-container input{background:#0d1117;border:1px solid #30363d;box-shadow:0 1px 3px #00000059}body.dark-mode .search-container input::placeholder{color:#94a3b8a6}body.dark-mode .search-container input:focus{background:#0d1117;border-color:#484f58;outline:none;box-shadow:0 1px 3px #00000059,0 0 0 3px #38bdf81f}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;max-width:1100px;margin:0 auto;padding:40px 20px;display:grid}.blog-empty-state i{color:var(--logo-accent);opacity:.5;margin-bottom:12px;font-size:2.5rem}.blog-empty-state h3{color:var(--text-color);margin-bottom:8px;font-size:1.2rem;font-weight:700}@media (max-width:768px){.blog-title{font-size:2rem}.blog-grid{grid-template-columns:1fr}}.scroll-progress{background:linear-gradient(90deg, var(--logo-accent), var(--accent-glow));z-index:9999;width:0%;height:3px;transition:width .1s ease-out;position:fixed;top:0;left:0;box-shadow:0 2px 8px #0891b24d}.page-loader{z-index:10002;background:var(--bg-color);flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}.page-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-logo{object-fit:cover;border:3px solid var(--logo-accent);border-radius:50%;width:72px;height:72px;animation:1.2s ease-in-out infinite loaderPulse}.loader-bar{background:var(--progress-bg);border-radius:999px;width:120px;height:3px;overflow:hidden}.loader-bar-fill{background:linear-gradient(90deg, var(--logo-accent), var(--accent-glow));width:0%;height:100%;animation:1.2s ease-in-out forwards loaderFill}@keyframes loaderPulse{0%,to{transform:scale(1);box-shadow:0 0 #0891b266}50%{transform:scale(1.05);box-shadow:0 0 20px 4px #0891b233}}@keyframes loaderFill{to{width:100%}}.back-to-top{background:linear-gradient(135deg, var(--btn-bg), var(--accent-glow));width:46px;height:46px;color:var(--white);cursor:pointer;box-shadow:0 4px 16px var(--shadow-strong);opacity:0;pointer-events:none;z-index:150;border:none;border-radius:12px;justify-content:center;align-items:center;font-size:1rem;transition:all .3s;display:flex;position:fixed;bottom:28px;right:28px;transform:translateY(12px)}.back-to-top.visible{opacity:1;pointer-events:all;transform:translateY(0)}.back-to-top:hover{box-shadow:0 8px 24px var(--shadow-strong);transform:translateY(-3px)}.fab-container{z-index:500;position:fixed;bottom:24px;right:24px}.fab-main{background:linear-gradient(135deg, var(--btn-bg), var(--accent-glow));width:56px;height:56px;color:var(--white);cursor:pointer;box-shadow:0 0 24px #0891b259, 0 4px 20px var(--shadow-strong);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;transition:transform .3s;display:flex}.fab-main:hover{transform:scale(1.08)rotate(90deg)}.fab-main.active{transform:rotate(45deg)}.fab-menu{opacity:0;visibility:hidden;flex-direction:column;gap:12px;transition:all .3s;display:flex;position:absolute;bottom:70px;right:0;transform:translateY(10px)}.fab-container.active .fab-menu{opacity:1;visibility:visible;transform:translateY(0)}.fab-action{width:48px;height:48px;color:var(--white);box-shadow:0 4px 16px var(--shadow-strong);border-radius:50%;justify-content:center;align-items:center;margin-left:auto;font-size:1.2rem;text-decoration:none;transition:transform .25s;display:flex}.fab-action:hover{transform:scale(1.1)}.fab-action--linkedin{background:#0a66c2}.fab-action--github{background:#24292e}.fab-action--email{background:var(--btn-bg)}.fab-action--whatsapp{background:#25d366}.fab-action--instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}@media (max-width:768px){.back-to-top{width:48px;height:48px;font-size:1.1rem;bottom:20px;right:20px}.fab-container{bottom:20px;right:20px}.fab-main{width:52px;height:52px}.fab-action{width:44px;height:44px}}.hero-section{align-items:center;min-height:min(92vh,900px);display:flex;position:relative;overflow:hidden}.hero-section .main-container{z-index:2;width:100%;position:relative}.hero-canvas{z-index:0;pointer-events:none;opacity:.7;width:100%;height:100%;position:absolute;inset:0}.hero-gradient-bg{z-index:1;pointer-events:none;background:linear-gradient(135deg,#0891b21f 0%,#7c3aed14 50%,#0000 100%);position:absolute;inset:0}.hero-gradient-bg:before{content:"";background:radial-gradient(circle,#06b6d433,#0000 70%);width:60%;height:60%;animation:12s ease-in-out infinite alternate heroBlob;position:absolute;top:-10%;right:-10%}.hero-gradient-bg:after{content:"";background:radial-gradient(circle,#7c3aed26,#0000 70%);width:50%;height:50%;animation:15s ease-in-out infinite alternate-reverse heroBlob;position:absolute;bottom:-5%;left:-5%}@keyframes heroBlob{0%{transform:translate(0)scale(1)}to{transform:translate(30px,-20px)scale(1.1)}}.scroll-indicator{z-index:3;color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;align-items:center;gap:6px;font-size:.75rem;font-weight:600;text-decoration:none;animation:2s ease-in-out infinite bounceScroll;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.scroll-indicator i{color:var(--logo-accent);font-size:1.1rem}@keyframes bounceScroll{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}@media (max-width:768px){.scroll-indicator{display:none}}.hero-section .content .hero-social{margin-top:28px;margin-bottom:26px}.hero-section .content .social-links{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;width:fit-content;max-width:none;margin:0;display:flex}.hero-section .content .social-links .social-link{width:44px;min-width:44px;height:44px;color:var(--text-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #94a3b838;border-radius:12px;flex:0 0 44px;justify-content:center;align-items:center;font-size:1.05rem;text-decoration:none;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),border-color .28s,color .28s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000000f,0 4px 14px #00000014}body:not(.dark-mode) .hero-section .content .social-links .social-link{background:#ffffffd1;border-color:#0f172a1f;box-shadow:0 0 0 1px #0000000a,0 2px 6px #0000000f,0 8px 20px #0000000f}.hero-section .content .social-links .social-link i{z-index:1;position:relative}.hero-section .content .social-links .social-link:before{content:"";opacity:0;border-radius:inherit;transition:opacity .28s;position:absolute;inset:0}.hero-section .content .social-links .social-link:hover,.hero-section .content .social-links .social-link:focus-visible{color:#fff;border-color:#0000;transform:translateY(-4px);box-shadow:0 10px 24px #0000002e}.hero-section .content .social-links .social-link:focus-visible{outline:2px solid var(--logo-accent);outline-offset:3px}.hero-section .content .social-links .social-link--linkedin:hover:before,.hero-section .content .social-links .social-link--linkedin:focus-visible:before{opacity:1;background:#0a66c2}.hero-section .content .social-links .social-link--github:hover:before,.hero-section .content .social-links .social-link--github:focus-visible:before{opacity:1;background:#171515}.hero-section .content .social-links .social-link--youtube:hover:before,.hero-section .content .social-links .social-link--youtube:focus-visible:before{opacity:1;background:red}.hero-section .content .social-links .social-link--instagram:hover:before,.hero-section .content .social-links .social-link--instagram:focus-visible:before{opacity:1;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-links{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:12px;width:fit-content;max-width:none;display:flex}.social-links a:not(.social-link){border:1px solid var(--card-border);width:32px;min-width:32px;height:32px;color:var(--text-color);background-color:var(--section-bg);border-radius:6px;flex:0 0 32px;justify-content:center;align-items:center;font-size:1.25rem;text-decoration:none;transition:all .25s;display:inline-flex}.btn-download,.download-cv,.cv-button{justify-content:center;align-items:center;margin-top:0;display:inline-flex}@media (max-width:900px){.hero-section .content .hero-social{margin-left:auto;margin-right:auto}.hero-section .content .social-links{justify-content:center}}@media (max-width:768px){.hero-section .content{text-align:center;align-items:center}.hero-section .content .hero-social{width:100%;margin:24px auto 22px}.hero-section .content .social-links{justify-content:center;gap:10px;width:100%}.hero-section .content .social-links .social-link{flex:0 0 42px;width:42px;min-width:42px;height:42px}.hero-section .content .hero-buttons{flex-direction:column;align-items:center;gap:12px}.hero-section .content .hero-buttons .btn-primary:first-child{order:2}.hero-section .content .hero-buttons .btn-primary:nth-child(2){order:1}}.cert-detail-page{background:var(--bg-color);min-height:100vh;padding:80px 0}.back-link{color:var(--logo-accent);align-items:center;gap:8px;margin-bottom:32px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.back-link:hover{color:var(--btn-bg);transform:translate(-4px)}.cert-detail-header{flex-wrap:wrap;align-items:center;gap:32px;margin-bottom:48px;display:flex}.cert-detail-logo{background:var(--white);width:150px;height:150px;box-shadow:0 8px 24px var(--shadow);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.cert-detail-logo img{object-fit:contain;width:100%;height:100%;padding:16px}.cert-detail-info{flex:1;min-width:280px}.cert-detail-title{color:var(--text-color);margin-bottom:8px;font-size:2.5rem;font-weight:700}.cert-detail-subtitle{color:var(--text-secondary);margin-bottom:16px;font-size:1.2rem}.cert-status-badge{border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;display:inline-flex}.cert-status-badge.in-progress{color:var(--warning-color);background:#f59e0b1f}.cert-status-badge.goal{color:var(--logo-accent);background:#0891b21f}.cert-status-badge.completed{color:var(--success-color);background:#16a34a1f}.cert-detail-content{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 8px 32px var(--shadow);border-radius:20px;padding:40px}.cert-detail-block{border-bottom:1px solid var(--card-border);margin-bottom:40px;padding-bottom:40px}.cert-detail-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.cert-detail-block h3{color:var(--text-color);align-items:center;gap:12px;margin-bottom:16px;font-size:1.4rem;font-weight:700;display:flex}.cert-detail-block h3 i{color:var(--logo-accent)}.cert-detail-block p{color:var(--text-secondary);margin-bottom:16px;font-size:1rem;line-height:1.7}.cert-detail-block ul{padding:0;list-style:none}.cert-detail-block ul li{color:var(--text-secondary);padding:12px 0 12px 28px;line-height:1.6;position:relative}.cert-detail-block ul li:before{content:"✓";color:var(--logo-accent);font-weight:700;position:absolute;left:0}.progress-container{align-items:center;gap:16px;display:flex}.progress-bar{background:var(--progress-bg);border-radius:999px;flex:1;height:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--logo-accent), var(--btn-bg));border-radius:999px;height:100%;transition:width .5s}.progress-text{color:var(--logo-accent);min-width:60px;font-size:1.1rem;font-weight:700}.cert-details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.cert-detail-item{background:var(--section-bg);border:1px solid var(--card-border);border-radius:12px;flex-direction:column;gap:8px;padding:20px;display:flex}.cert-detail-item i{color:var(--logo-accent);margin-bottom:4px;font-size:1.5rem}.cert-detail-item span{color:var(--text-secondary);font-size:.9rem}.cert-detail-item strong{color:var(--text-color);font-size:1.1rem;font-weight:600}.cert-links{flex-wrap:wrap;gap:16px;display:flex}.cert-link{background:var(--btn-bg);color:var(--white);border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.cert-link:hover{background:var(--logo-accent);box-shadow:0 4px 12px var(--shadow);transform:translateY(-2px)}@media (max-width:768px){.cert-detail-page{padding:40px 0}.cert-detail-header{text-align:center;flex-direction:column;gap:24px}.cert-detail-logo{width:120px;height:120px}.cert-detail-title{font-size:2rem}.cert-detail-subtitle{font-size:1rem}.cert-detail-content{padding:24px}.cert-detail-block{margin-bottom:24px;padding-bottom:24px}.cert-details-grid{grid-template-columns:1fr}.cert-links{flex-direction:column}.cert-link{justify-content:center}}.bento-card{transition:all .3s}.bento-card.hidden-skill{display:none}.bento-card:not(.hidden-skill){animation:.4s forwards fadeInUp}.skill-level-badge{border-radius:999px;margin-bottom:8px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.skill-level-badge.level-advanced{color:var(--success-color);background:#16a34a26}.skill-level-badge.level-intermediate{color:var(--logo-accent);background:#0891b226}.skill-level-badge.level-beginner{color:var(--warning-color);background:#f59e0b26}.bento-card{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.bento-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #00000026}.bento-card:hover .bento-card-icon{transform:scale(1.1)rotate(5deg)}.bento-card:hover .bento-card-icon i{color:var(--logo-accent)}.bento-card-icon{transition:all .3s}.bento-card-icon i{transition:color .3s}.bento-card:hover .bento-tag{background:var(--logo-accent);color:var(--white)}.bento-tag{transition:all .2s}.skills-toolbar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:32px;display:flex}.skills-filters{flex-wrap:wrap;flex:1;gap:8px;display:flex}.skills-sort{align-items:center;display:flex}.skills-sort-select{border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-color);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:.9rem;transition:all .2s}.skills-sort-select:hover{border-color:var(--logo-accent)}.skills-sort-select:focus{border-color:var(--logo-accent);outline:none;box-shadow:0 0 0 2px #0891b21a}@media (max-width:768px){.skills-toolbar{flex-direction:column;align-items:stretch}.skills-filters{flex-direction:column}.skills-sort,.skills-sort-select{width:100%}}.projetos-hero{margin-bottom:40px}.projetos-hero-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:32px;display:grid}.projetos-overview-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 8px 32px var(--shadow);border-radius:20px;padding:32px}.projetos-overview-card h2{color:var(--text-color);align-items:center;gap:12px;margin-bottom:8px;font-size:1.5rem;font-weight:700;display:flex}.projetos-overview-card h2 i{color:var(--logo-accent)}.projetos-category-progress{flex-direction:column;gap:16px;display:flex}.category-progress-item{flex-direction:column;gap:6px;display:flex}.category-progress-label{color:var(--text-secondary);justify-content:space-between;font-size:.85rem;display:flex}.projetos-featured{align-items:stretch;display:flex}.featured-project-card{background:linear-gradient(135deg, var(--card-bg) 0%, var(--section-bg) 100%);border:1px solid var(--card-border);box-shadow:0 8px 32px var(--shadow);border-radius:20px;flex-direction:column;flex:1;justify-content:center;padding:32px;display:flex;position:relative;overflow:hidden}.featured-badge{color:var(--white);background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:600;display:flex;position:absolute;top:20px;right:20px;box-shadow:0 4px 12px #f59e0b4d}.featured-project-image{background:linear-gradient(135deg, var(--logo-accent), var(--btn-bg));width:80px;height:80px;color:var(--white);border-radius:16px;justify-content:center;align-items:center;margin-bottom:20px;font-size:2rem;display:flex}.featured-project-content h3{color:var(--text-color);margin-bottom:8px;font-size:1.5rem;font-weight:700}.featured-project-content p{color:var(--text-secondary);margin-bottom:16px;font-size:.95rem;line-height:1.6}.featured-tags{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.featured-tag{color:var(--logo-accent);background:#0891b21a;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:600}.featured-meta{gap:12px;margin-bottom:20px;display:flex}.featured-status{border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:600}.featured-status.completed{color:var(--success-color);background:#16a34a26}.featured-category{color:var(--purple-accent);background:#7c3aed26;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:600}.featured-link{background:var(--btn-bg);color:var(--white);border-radius:8px;align-self:flex-start;align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.featured-link:hover{background:var(--logo-accent);box-shadow:0 4px 12px var(--shadow);transform:translateY(-2px)}@media (max-width:768px){.projetos-hero-grid{grid-template-columns:1fr}.projetos-overview-card{padding:24px}.projetos-overview-card h2{font-size:1.25rem}.featured-project-card{padding:24px}.featured-project-image{width:60px;height:60px;font-size:1.5rem}.featured-project-content h3{font-size:1.25rem}.featured-tags{gap:6px}.featured-tag{padding:3px 10px;font-size:.7rem}.featured-link{justify-content:center;width:100%}}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.project-card{background:var(--card-bg);border:1px solid var(--card-border);opacity:0;border-radius:16px;transition:all .3s;overflow:hidden;transform:translateY(20px)}.project-card.visible{opacity:1;transform:translateY(0)}.project-card:hover{box-shadow:0 16px 40px var(--shadow);border-color:var(--logo-accent);transform:translateY(-8px)}.project-card-image{background:linear-gradient(135deg, var(--logo-accent), var(--btn-bg));height:160px;color:var(--white);justify-content:center;align-items:center;font-size:3rem;display:flex}.project-card-content{pointer-events:auto;padding:24px}.project-card-tags{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.project-tag{color:var(--logo-accent);background:#0891b21a;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:600}.project-card h3{color:var(--text-color);margin-bottom:8px;font-size:1.25rem;font-weight:700}.project-card p{color:var(--text-secondary);margin-bottom:12px;font-size:.9rem;line-height:1.6}.project-card-date{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:12px;font-size:.8rem;display:flex}.project-card-date i{color:var(--logo-accent)}.project-card-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.project-category-badge{border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.project-category-badge[data-category=security]{color:#0891b2;background:#0891b21a}.project-category-badge[data-category=automation]{color:var(--purple-accent);background:#7c3aed1a}.project-category-badge[data-category=web]{color:#2563eb;background:#2563eb1a}.project-category-badge[data-category=tools]{color:#059669;background:#0596691a}.project-category-badge i{font-size:.7rem}.project-status{border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.project-status.completed{color:var(--success-color);background:#16a34a26}.project-status.dev{color:var(--logo-accent);background:#0891b226}.project-status.soon{color:var(--warning-color);background:#f59e0b26}.project-progress{color:var(--logo-accent);font-size:.85rem;font-weight:600}.project-progress-bar{background:var(--progress-bg);border-radius:999px;height:6px;margin-bottom:16px;overflow:hidden}.project-progress-fill{background:linear-gradient(90deg, var(--logo-accent), var(--btn-bg));border-radius:999px;height:100%;transition:width .5s}.project-card-links{pointer-events:auto;flex-wrap:wrap;gap:12px;display:flex}.project-link{background:var(--section-bg);color:var(--text-color);border:1px solid var(--card-border);border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.project-link:hover{background:var(--logo-accent);color:var(--white);border-color:var(--logo-accent);transform:translateY(-2px)}.project-learn-more{background:var(--logo-accent);color:var(--white);border-color:var(--logo-accent);cursor:pointer;pointer-events:auto;z-index:5;text-decoration:none;position:relative}.project-learn-more:hover{background:var(--btn-bg);border-color:var(--btn-bg)}@media (max-width:768px){.projects-stats-dashboard{grid-template-columns:repeat(2,1fr);gap:16px}.stat-card{padding:20px}.stat-icon{width:40px;height:40px;font-size:1.25rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.85rem}}@media (max-width:480px){.projects-stats-dashboard{grid-template-columns:1fr}}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}.project-card-image{height:140px;font-size:2.5rem}.project-card-content{padding:20px}.project-card h3{font-size:1.1rem}.project-filters-advanced{flex-direction:column;gap:16px}.filter-group{width:100%}.filter-buttons{flex-wrap:wrap;gap:8px;display:flex}.filter-btn{flex:1;min-width:calc(50% - 4px);padding:8px 12px;font-size:.85rem}.project-controls{flex-direction:column;gap:12px}.project-sort,.sort-select{width:100%}.project-view-toggle{justify-content:center;width:100%}}@media (max-width:480px){.filter-buttons{flex-direction:column}.filter-btn{min-width:100%}.project-tech-filters{flex-wrap:wrap}.tech-filter-btn{padding:6px 12px;font-size:.8rem}}.project-favorite-btn{background:var(--card-bg);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.project-favorite-btn:hover{background:var(--card-bg);color:var(--error-color);transform:scale(1.1)}.project-favorite-btn.active{color:var(--error-color)}.project-favorite-btn i{font-size:1rem}.modal-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;width:100%;max-width:700px;max-height:90vh;animation:.3s slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.projetos-modal-content{padding:32px}.modal-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.modal-header h2{color:var(--text-color);font-size:1.75rem;font-weight:700}.modal-close{background:var(--section-bg);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close:hover{background:var(--card-border);color:var(--text-color)}.modal-body{flex-direction:column;gap:24px;display:flex}.modal-meta{flex-wrap:wrap;gap:12px;margin-bottom:8px;display:flex}.modal-status,.modal-category,.modal-date{border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.modal-status.completed{color:var(--success-color);background:#16a34a26}.modal-status.dev{color:var(--logo-accent);background:#0891b226}.modal-status.soon{color:var(--warning-color);background:#f59e0b26}.modal-category{color:var(--purple-accent);background:#7c3aed26}.modal-date{color:var(--logo-accent);background:#0891b21a}.modal-description{color:var(--text-secondary);font-size:1rem;line-height:1.7}.modal-section{flex-direction:column;gap:12px;display:flex}.modal-section h4{color:var(--text-color);align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.modal-section h4 i{color:var(--logo-accent)}.modal-tags{flex-wrap:wrap;gap:8px;display:flex}.modal-tag{color:var(--logo-accent);background:#0891b21a;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:600}.modal-section ul{margin:0;padding:0;list-style:none}.modal-section ul li{color:var(--text-secondary);padding:8px 0 8px 24px;line-height:1.6;position:relative}.modal-section ul li:before{content:"✓";color:var(--logo-accent);font-weight:700;position:absolute;left:0}.case-study{background:var(--section-bg);border:1px solid var(--card-border);border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex}.case-study-item{flex-direction:column;gap:4px;display:flex}.case-study-item strong{color:var(--text-color);font-weight:700}.case-study-item p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.modal-actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.modal-btn.primary{background:var(--btn-bg);color:var(--white)}.modal-btn.primary:hover{background:var(--logo-accent);transform:translateY(-2px)}.modal-btn.secondary{background:var(--section-bg);color:var(--text-color);border:1px solid var(--card-border)}.modal-btn.secondary:hover{background:var(--card-border);transform:translateY(-2px)}.modal-gallery{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.gallery-item{aspect-ratio:16/9;border-radius:8px;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.gallery-item img:hover{transform:scale(1.05)}.related-projects-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.related-project-card{background:var(--section-bg);border:1px solid var(--card-border);cursor:pointer;text-align:center;border-radius:8px;padding:16px;transition:all .2s}.related-project-card:hover{border-color:var(--logo-accent);transform:translateY(-2px)}.related-project-card i{color:var(--logo-accent);margin-bottom:8px;font-size:2rem}.related-project-card h5{color:var(--text-color);margin-bottom:4px;font-size:.9rem;font-weight:600}.related-project-category{color:var(--text-secondary);font-size:.75rem}@media (max-width:768px){.modal-content{max-height:95vh;padding:24px}.modal-header h2{font-size:1.5rem}.modal-actions{flex-direction:column}.modal-btn{justify-content:center;width:100%}.modal-gallery,.related-projects-grid{grid-template-columns:1fr}}.skip-link{background:var(--logo-accent);color:var(--white);z-index:10000;padding:8px 16px;transition:top .3s;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.scroll-progress{background:linear-gradient(90deg, var(--logo-accent), var(--btn-bg));z-index:9999;width:0%;height:3px;transition:width .1s;position:fixed;top:0;left:0}.back-to-top{background:var(--logo-accent);width:45px;height:45px;color:var(--white);cursor:pointer;z-index:999;opacity:0;visibility:hidden;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 12px #0891b24d}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background:var(--btn-bg);transform:translateY(-2px)}.featured-section{padding:60px 0}.featured-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;display:grid}.articles-section{padding:60px 0}.articles-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.featured-card{border:2px solid var(--logo-accent);transform:scale(1.02);box-shadow:0 8px 24px #0891b233}.blog-empty-state{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:60px 20px}.blog-empty-state i{opacity:.5;margin-bottom:20px;font-size:4rem}.blog-empty-state h3{color:var(--text-color);margin-bottom:12px;font-size:1.5rem}.blog-empty-state p{font-size:1rem}.blog-read-more{background:var(--logo-accent);color:var(--white);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:10px 20px;font-weight:600;transition:all .2s;display:inline-flex}.blog-read-more:hover{background:var(--btn-bg);transform:translate(4px)}@media (max-width:768px){.featured-grid,.articles-grid{grid-template-columns:1fr}}.article-page{padding:40px 0}.article{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;max-width:800px;margin:0 auto 60px;padding:40px}.article-header{border-bottom:1px solid var(--card-border);margin-bottom:32px;padding-bottom:24px}.article-meta{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.article-category,.article-type{border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.article-category{color:var(--logo-accent);background:#0891b226}.article-type{color:var(--purple-accent);background:#7c3aed26}.article-title{color:var(--text-color);margin-bottom:16px;font-size:2rem;font-weight:700;line-height:1.3}.article-info{color:var(--text-secondary);flex-wrap:wrap;gap:20px;font-size:.9rem;display:flex}.article-info span{align-items:center;gap:6px;display:flex}.article-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.article-tag{color:var(--logo-accent);background:#0891b21a;border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:600}.article-content{color:var(--text-secondary);line-height:1.8}.article-excerpt{color:var(--text-secondary);background:var(--section-bg);border-left:4px solid var(--logo-accent);border-radius:0 8px 8px 0;margin-bottom:32px;padding:20px;font-size:1.1rem;font-style:italic}.article-content h2{color:var(--text-color);margin-top:32px;margin-bottom:16px;font-size:1.5rem;font-weight:700}.article-content p{margin-bottom:16px}.article-content pre{background:var(--section-bg);border-radius:8px;margin:16px 0;padding:16px;overflow-x:auto}.article-content code{color:var(--logo-accent);font-family:Courier New,monospace;font-size:.9rem}.article-footer{border-top:1px solid var(--card-border);margin-top:32px;padding-top:24px}.article-back-btn{background:var(--section-bg);color:var(--text-color);border:1px solid var(--card-border);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s;display:inline-flex}.article-back-btn:hover{background:var(--card-border);transform:translate(-4px)}.related-articles{max-width:800px;margin:0 auto}.related-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:24px;display:grid}@media (max-width:768px){.article-page{padding:20px 0}.article{margin-bottom:40px;padding:24px}.article-title{font-size:1.5rem}.article-info{flex-direction:column;gap:8px}.related-grid{grid-template-columns:1fr}.article-footer-actions{flex-direction:column;gap:8px}.article-back-btn,.article-share-btn{justify-content:center;width:100%}}.article-footer-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.article-share-btn{background:var(--logo-accent);color:var(--white);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s;display:inline-flex}.article-share-btn:hover{background:var(--btn-bg);transform:translate(4px)}@media (max-width:768px){.article-footer-actions{flex-direction:column;gap:8px}.article-back-btn,.article-share-btn{justify-content:center;width:100%}}@media (min-width:768px) and (max-width:1024px){.projects-grid,.featured-grid,.articles-grid,.related-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:480px) and (max-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:16px}.featured-grid,.articles-grid,.related-grid{grid-template-columns:1fr}}@media (min-width:375px) and (max-width:480px){.project-card{padding:16px}.blog-card{border-radius:12px}.article{padding:20px}.article-title{font-size:1.3rem}.article-meta{font-size:.8rem}}@media (max-width:375px){.section{padding:40px 12px}.page-title{font-size:1.5rem}.project-card{padding:12px}.project-card h3,.blog-card h3{font-size:1rem}.blog-card p{font-size:.8rem}.article{padding:16px}.article-title{font-size:1.2rem}.article-content{font-size:.9rem}.filter-btn{padding:6px 12px;font-size:.75rem}.modal-content{padding:16px}.modal-header h2{font-size:1.2rem}}@media (min-width:1920px){.container{max-width:1400px}.projects-grid{grid-template-columns:repeat(4,1fr)}.featured-grid{grid-template-columns:repeat(3,1fr)}.articles-grid{grid-template-columns:repeat(4,1fr)}}@media (max-height:500px) and (orientation:landscape){.modal-content{max-height:90vh;overflow-y:auto}.article-page{padding:10px 0}.article{padding:16px}}@media (max-width:900px){.project-results-header{flex-direction:column;align-items:stretch;gap:12px}.project-controls{flex-direction:column;gap:12px}.project-sort,.sort-select{width:100%}.project-view-toggle{justify-content:center}}@media (max-width:600px){.project-tech-filters-wrap{flex-direction:column;gap:12px}.tech-filter-group{width:100%}.tech-filter-buttons{flex-wrap:wrap}.tech-filter-btn{flex:1;min-width:calc(50% - 4px)}}@media (max-width:480px){.project-card-image{height:100px}.project-card h3{font-size:1rem}.project-card p{font-size:.85rem}.project-tag{padding:4px 8px;font-size:.7rem}.project-learn-more{padding:8px 16px;font-size:.85rem}.project-favorite-btn{width:32px;height:32px;font-size:.9rem}}@media (max-width:900px){.blog-header{text-align:center;flex-direction:column;gap:12px}.blog-header h1{font-size:2rem}.blog-filters-section{padding:24px 0}.filters-container{flex-direction:column;gap:20px}.filter-group{width:100%}}@media (max-width:768px){.blog-controls{flex-direction:column;align-items:center}.search-container{flex:1;min-width:100%;max-width:100%}.filters-container{flex-direction:column;gap:16px;width:100%}.filter-select{width:100%;min-width:100%}}@media (max-width:600px){.blog-controls-section{padding:20px 0}.search-container{width:100%}.search-container input{font-size:1rem}.blog-card{border-radius:12px}.blog-card-body{padding:16px}.blog-card h3{font-size:1rem}.blog-card p{font-size:.85rem}.blog-meta{font-size:.8rem}.blog-read-more{padding:8px 16px;font-size:.85rem}}@media (max-width:480px){.blog-header h1{font-size:1.5rem}.blog-header p,.filter-label{font-size:.9rem}.filter-btn{padding:6px 12px;font-size:.75rem}.blog-tag{padding:3px 8px;font-size:.7rem}}@media (max-width:900px){.modal-overlay{padding:20px}.modal-content{max-width:90%}.modal-header{text-align:center;flex-direction:column;gap:12px}.modal-header h2{font-size:1.5rem}.modal-actions{flex-direction:column;gap:8px}.modal-btn{justify-content:center;width:100%}}@media (max-width:600px){.modal-content{padding:20px}.modal-header h2{font-size:1.3rem}.modal-section h4{font-size:1rem}.modal-section p,.modal-section li{font-size:.9rem}.modal-gallery,.related-projects-grid{grid-template-columns:1fr}.related-project-card{padding:12px}.related-project-card i{font-size:1.5rem}.related-project-card h5{font-size:.85rem}}@media (max-width:480px){.modal-content{max-height:95vh;padding:16px}.modal-header h2{font-size:1.1rem}.modal-section{padding:12px 0}.modal-section h4{font-size:.9rem}.modal-section p,.modal-section li{font-size:.85rem}.modal-btn{padding:10px 16px;font-size:.85rem}}@media (max-width:600px){.nav-links{gap:8px}.nav-link{padding:8px 12px;font-size:.9rem}}@media (max-width:480px){.nav-links{gap:6px}.nav-link{padding:6px 10px;font-size:.85rem}}@media (max-width:600px){.footer-content{padding:40px 20px}.footer-section h3{font-size:1.1rem}.footer-section p,.footer-section a{font-size:.9rem}.social-link{width:36px;height:36px;font-size:1rem}}@media (max-width:480px){.footer-content{padding:30px 16px}.footer-section h3{font-size:1rem}.footer-section p,.footer-section a{font-size:.85rem}.social-link{width:32px;height:32px;font-size:.9rem}.footer-bottom{text-align:center;flex-direction:column;gap:8px}}@media (max-width:600px){.breadcrumbs{padding:12px 0}.breadcrumbs ol{font-size:.85rem}.breadcrumbs li{padding:0 8px}}@media (max-width:480px){.breadcrumbs{padding:8px 0}.breadcrumbs ol{font-size:.8rem}.breadcrumbs li{padding:0 6px}.breadcrumbs li a,.breadcrumbs li span{white-space:nowrap;text-overflow:ellipsis;max-width:120px;display:inline-block;overflow:hidden}}@media (max-width:600px){.back-to-top{width:40px;height:40px;bottom:20px;right:20px}}@media (max-width:480px){.back-to-top{width:36px;height:36px;bottom:16px;right:16px}}@media (max-width:900px){.article{padding:32px}.article-header{margin-bottom:24px}.article-title{font-size:1.75rem}.article-meta{flex-direction:column;gap:8px}.article-tags{flex-wrap:wrap}}@media (max-width:600px){.article{padding:24px}.article-header{margin-bottom:20px;padding-bottom:16px}.article-title{font-size:1.5rem}.article-meta{font-size:.85rem}.article-category,.article-type{padding:4px 10px;font-size:.75rem}.article-tag{padding:3px 8px;font-size:.7rem}.article-excerpt{padding:16px;font-size:1rem}.article-content{font-size:.95rem}.article-content h2{font-size:1.25rem}.article-content pre{padding:12px;font-size:.85rem}.article-footer-actions{flex-direction:column;gap:8px}.article-back-btn,.article-share-btn{width:100%;padding:10px 20px;font-size:.9rem}}@media (max-width:480px){.article{padding:20px}.article-header{margin-bottom:16px;padding-bottom:12px}.article-title{font-size:1.3rem}.article-meta{font-size:.8rem}.article-category,.article-type{padding:3px 8px;font-size:.7rem}.article-tag{padding:2px 6px;font-size:.65rem}.article-excerpt{padding:12px;font-size:.9rem}.article-content{font-size:.9rem}.article-content h2{font-size:1.15rem}.article-content p{margin-bottom:12px}.article-content pre{padding:10px;font-size:.8rem}.article-content code{font-size:.8rem}.article-footer{margin-top:24px;padding-top:16px}.article-back-btn,.article-share-btn{padding:8px 16px;font-size:.85rem}.related-articles{margin-top:40px}.related-grid{gap:16px}}@media (min-width:1400px){.container{max-width:1320px}}@media (min-width:1600px){.container{max-width:1440px}}@media (min-width:1920px){.container{max-width:1600px}}@media (max-width:600px){.section{padding:50px 16px}.section-title{font-size:1.75rem}.section-subtitle{font-size:1rem}}@media (max-width:480px){.section{padding:40px 12px}.section-title{font-size:1.5rem}.section-subtitle{font-size:.9rem}}@media (max-width:600px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-description{font-size:.95rem}}@media (max-width:480px){.hero-section .content .hero-social{margin-top:20px;margin-bottom:18px}.hero-section .content .social-links{gap:8px}.hero-section .content .social-links .social-link{flex:0 0 38px;width:38px;min-width:38px;height:38px}}@media (max-width:375px){.hero-section .content .social-links{gap:6px}.hero-section .content .social-links .social-link{flex:0 0 36px;width:36px;min-width:36px;height:36px}}@media (max-width:320px){.hero-section .content .social-links{gap:4px}.hero-section .content .social-links .social-link{flex:0 0 34px;width:34px;min-width:34px;height:34px}}.auto-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}@media (max-width:768px){.auto-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}}@media (max-width:480px){.auto-grid{grid-template-columns:1fr;gap:12px}}.responsive-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:20px;transition:all .3s}@media (max-width:600px){.responsive-card{border-radius:10px;padding:16px}}@media (max-width:480px){.responsive-card{border-radius:8px;padding:12px}}.responsive-btn{border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s}@media (max-width:600px){.responsive-btn{padding:10px 20px;font-size:.9rem}}@media (max-width:480px){.responsive-btn{padding:8px 16px;font-size:.85rem}}.responsive-input{border-radius:8px;padding:12px 16px;font-size:1rem}@media (max-width:600px){.responsive-input{padding:10px 14px;font-size:.9rem}}@media (max-width:480px){.responsive-input{padding:8px 12px;font-size:.85rem}}.responsive-text-lg{font-size:1.25rem}.responsive-text-md{font-size:1rem}.responsive-text-sm{font-size:.875rem}@media (max-width:600px){.responsive-text-lg{font-size:1.1rem}.responsive-text-md{font-size:.95rem}.responsive-text-sm{font-size:.85rem}}@media (max-width:480px){.responsive-text-lg{font-size:1rem}.responsive-text-md{font-size:.9rem}.responsive-text-sm{font-size:.8rem}}.responsive-padding-lg{padding:32px}.responsive-padding-md{padding:24px}.responsive-padding-sm{padding:16px}@media (max-width:600px){.responsive-padding-lg{padding:24px}.responsive-padding-md{padding:20px}.responsive-padding-sm{padding:12px}}@media (max-width:480px){.responsive-padding-lg{padding:20px}.responsive-padding-md{padding:16px}.responsive-padding-sm{padding:10px}}.responsive-gap-lg{gap:24px}.responsive-gap-md{gap:16px}.responsive-gap-sm{gap:12px}@media (max-width:600px){.responsive-gap-lg{gap:20px}.responsive-gap-md{gap:14px}.responsive-gap-sm{gap:10px}}@media (max-width:480px){.responsive-gap-lg{gap:16px}.responsive-gap-md{gap:12px}.responsive-gap-sm{gap:8px}}.hide-mobile,.hide-tablet{display:block}.hide-desktop{display:none}@media (max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}@media (min-width:769px) and (max-width:1024px){.hide-tablet{display:none!important}.show-tablet{display:block!important}}@media (min-width:1025px){.hide-desktop{display:none!important}.show-desktop{display:block!important}}.flex-mobile-column{flex-direction:row;display:flex}@media (max-width:768px){.flex-mobile-column{flex-direction:column}}.text-center-mobile{text-align:left}@media (max-width:768px){.text-center-mobile{text-align:center}}.w-full-mobile{width:auto}@media (max-width:768px){.w-full-mobile{width:100%}}.mt-mobile-0{margin-top:auto}@media (max-width:768px){.mt-mobile-0{margin-top:0}}.p-mobile-0{padding:auto}@media (max-width:768px){.p-mobile-0{padding:0}}.grid-mobile-1{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width:768px){.grid-mobile-1{grid-template-columns:1fr}}.order-mobile-first{order:auto}@media (max-width:768px){.order-mobile-first{order:-1}}@supports (padding:env(safe-area-inset-bottom)){.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}}@media (hover:none) and (pointer:coarse){.touch-friendly{min-width:44px;min-height:44px}.touch-friendly-btn{padding:12px 24px}}@media print{.no-print{display:none!important}.print-only{display:block!important}body{color:#000;background:#fff}.article{box-shadow:none;border:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){.project-card,.blog-card,.article,.btn-primary,.btn-secondary{border-width:2px}}@media (max-width:900px){.about-grid{grid-template-columns:1fr;gap:32px}.about-text-block{font-size:1rem}.personality-cards{grid-template-columns:repeat(2,1fr);gap:12px}.personality-card{padding:16px}.personality-card i{font-size:1.75rem}.personality-card h4{font-size:.95rem}.personality-card p{font-size:.85rem}.timeline{padding-left:24px}.timeline:before{left:0}.timeline-item:before{left:-29px}}@media (max-width:768px){.about-grid{gap:24px;margin-bottom:32px}.about-text-block{font-size:.95rem;line-height:1.7}.personality-cards{grid-template-columns:repeat(2,1fr);gap:10px}.personality-card{padding:14px}.personality-card i{margin-bottom:10px;font-size:1.5rem}.personality-card h4{font-size:.9rem}.personality-card p{font-size:.8rem}.timeline{max-width:100%;padding-left:20px}.timeline:before{left:0}.timeline-item{margin-bottom:24px}.timeline-item:before{width:10px;height:10px;left:-25px}.timeline-date{font-size:.85rem}.timeline-content h4{font-size:1rem}.timeline-content p{font-size:.85rem}}@media (max-width:600px){.about-section{padding:40px 16px}.about-grid{gap:20px;margin-bottom:24px}.about-text-block{font-size:.9rem;line-height:1.6}.personality-cards{grid-template-columns:1fr 1fr;gap:8px}.personality-card{border-radius:10px;padding:12px}.personality-card i{margin-bottom:8px;font-size:1.25rem}.personality-card h4{margin-bottom:6px;font-size:.85rem}.personality-card p{font-size:.75rem}.section-subtitle{margin-bottom:20px;font-size:1.25rem}.timeline{padding-left:16px}.timeline:before{width:1.5px;left:0}.timeline-item{margin-bottom:20px}.timeline-item:before{width:8px;height:8px;left:-21px}.timeline-date{font-size:.8rem}.timeline-content h4{font-size:.95rem}.timeline-content p{font-size:.8rem;line-height:1.5}}@media (max-width:480px){.about-section{padding:32px 12px}.about-grid{gap:16px;margin-bottom:20px}.about-text-block{font-size:.85rem;line-height:1.5}.about-text-block p{margin-bottom:.75rem}.personality-cards{grid-template-columns:1fr;gap:8px}.personality-card{border-radius:8px;padding:10px}.personality-card i{margin-bottom:6px;font-size:1.1rem}.personality-card h4{margin-bottom:4px;font-size:.8rem}.personality-card p{font-size:.7rem}.section-subtitle{margin-bottom:16px;font-size:1.1rem}.timeline{padding-left:12px}.timeline:before{width:1px;left:0}.timeline-item{margin-bottom:16px}.timeline-item:before{width:6px;height:6px;left:-17px}.timeline-date{font-size:.75rem}.timeline-content h4{font-size:.9rem}.timeline-content p{font-size:.75rem;line-height:1.4}}@media (max-width:375px){.about-section{padding:24px 10px}.about-text-block{font-size:.8rem}.personality-card{padding:8px}.personality-card i{font-size:1rem}.personality-card h4{font-size:.75rem}.personality-card p{font-size:.65rem}.timeline-date{font-size:.7rem}.timeline-content h4{font-size:.85rem}.timeline-content p{font-size:.7rem}}@media (max-width:768px){.timeline-date{border-radius:16px;margin-bottom:10px;padding:5px 10px;font-size:.8rem}.timeline-content{border-radius:10px;padding:16px}.timeline-content:hover{transform:translate(2px)}}@media (max-width:600px){.timeline-date{border-radius:14px;margin-bottom:8px;padding:4px 8px;font-size:.75rem}.timeline-content{border-radius:8px;padding:14px}.timeline-content h4{margin-bottom:8px;font-size:.95rem}.timeline-content p{font-size:.85rem;line-height:1.5}}@media (max-width:480px){.timeline-date{border-radius:12px;margin-bottom:6px;padding:3px 6px;font-size:.7rem}.timeline-content{border-radius:8px;padding:12px}.timeline-content h4{margin-bottom:6px;font-size:.9rem}.timeline-content p{font-size:.8rem;line-height:1.4}}@media (max-width:375px){.timeline-date{border-radius:10px;margin-bottom:4px;padding:2px 6px;font-size:.65rem}.timeline-content{border-radius:6px;padding:10px}.timeline-content h4{margin-bottom:4px;font-size:.85rem}.timeline-content p{font-size:.75rem;line-height:1.3}}@media (min-width:1024px){.timeline{max-width:1000px;padding-left:0}.timeline:before{left:50%;transform:translate(-50%)}.timeline-item{width:50%;margin-bottom:40px}.timeline-item:nth-child(odd){text-align:right;padding-right:50px}.timeline-item:nth-child(odd):before,.timeline-item:nth-child(odd):after{left:auto;right:-36px}.timeline-item:nth-child(2n){margin-left:50%;padding-left:50px}.timeline-item:nth-child(2n):before,.timeline-item:nth-child(2n):after{left:-36px}.timeline-content{transition:all .3s}.timeline-item:nth-child(odd) .timeline-content:hover{transform:translate(-8px)scale(1.02)}.timeline-item:nth-child(2n) .timeline-content:hover{transform:translate(8px)scale(1.02)}}@media (max-width:768px){.about-section .section-title{margin-bottom:24px;font-size:1.75rem}.about-section .section-subtitle{margin-bottom:20px;font-size:1.25rem}}@media (max-width:600px){.about-section .section-title{margin-bottom:20px;font-size:1.5rem}.about-section .section-subtitle{margin-bottom:16px;font-size:1.1rem}}@media (max-width:480px){.about-section .section-title{margin-bottom:16px;font-size:1.3rem}.about-section .section-subtitle{margin-bottom:12px;font-size:1rem}}@media (max-width:375px){.about-section .section-title{margin-bottom:12px;font-size:1.15rem}.about-section .section-subtitle{margin-bottom:10px;font-size:.9rem}}@media (max-width:768px){.about-section .container{padding:0 20px}}@media (max-width:600px){.about-section .container{padding:0 16px}}@media (max-width:480px){.about-section .container{padding:0 12px}}@media (max-width:375px){.about-section .container{padding:0 10px}}@media (max-width:320px){.personality-cards{grid-template-columns:1fr}.personality-card{padding:8px}.personality-card i{font-size:.9rem}.personality-card h4{font-size:.7rem}.personality-card p{font-size:.6rem}}.mobile-theme-toggle{background:var(--card-bg);border:1px solid var(--card-border);width:100%;color:var(--text-color);cursor:pointer;border-radius:12px;align-items:center;gap:12px;margin-top:8px;padding:14px 20px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.mobile-theme-toggle:hover{background:var(--logo-accent);color:var(--white);border-color:var(--logo-accent);transform:translate(4px)}.mobile-theme-toggle i{font-size:1.25rem}@media (max-width:480px){.mobile-theme-toggle{padding:12px 16px;font-size:.9rem}.mobile-theme-toggle i{font-size:1.1rem}}@media (max-width:768px){.links .theme-toggle{display:none}}.dropdown-divider{background:var(--card-border);height:1px;margin:16px 0}@media (max-width:480px){.dropdown-divider{margin:12px 0}}.stats-section{background:var(--card-bg);padding:60px 0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-height:120px;padding:16px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;box-shadow:0 2px 6px #0000001a,0 8px 22px #00000024,0 16px 40px #00000014}html:not(.dark-mode) .stat-card{border:1px solid #0f172a24;box-shadow:0 0 0 1px #0000000f,0 2px 6px #0000001a,0 8px 22px #00000024,0 16px 40px #00000014}.dark-mode .stat-card{box-shadow:0 2px 6px #00000047,0 8px 24px #0006,0 16px 44px #00000047}.stat-card:hover{border-color:var(--logo-accent);transform:translateY(-4px);box-shadow:0 4px 10px #0000001f,0 14px 32px #0000002e,0 24px 52px #0000001f}html:not(.dark-mode) .stat-card:hover{border-color:var(--logo-accent);box-shadow:0 0 0 1px #00000014,0 4px 10px #0000001f,0 14px 32px #0000002e,0 24px 52px #0000001f}.dark-mode .stat-card:hover{box-shadow:0 4px 12px #0000005c,0 16px 36px #00000080,0 28px 60px #00000061}.stat-icon{background:linear-gradient(135deg, var(--btn-bg), var(--accent-glow));width:40px;height:40px;color:var(--white);border-radius:10px;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.stat-number{color:var(--text-color);font-size:1.75rem;font-weight:700;line-height:1}.stat-label{color:var(--text-secondary);text-align:center;margin:0;font-size:.85rem}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{min-height:100px;padding:12px}.stat-icon{width:36px;height:36px;font-size:1.1rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.8rem}.stat-ring-text{font-size:.9rem}}@media (max-width:480px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{border-radius:10px;min-height:90px;padding:10px}.stat-icon{width:32px;height:32px;font-size:1rem}.stat-number{font-size:1.25rem}.stat-label{font-size:.75rem}.stat-ring-text{font-size:.85rem}}.stat-ring-wrap{width:70px;height:70px;position:relative}.stat-ring{transform:rotate(-90deg)}.stat-ring-bg{fill:none;stroke:var(--card-border);stroke-width:5px}.stat-ring-fill{fill:none;stroke:url(#ringGradient);stroke-width:5px;stroke-linecap:round;transition:stroke-dashoffset 1s}.stat-ring-text{color:var(--text-color);font-size:1rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cert-detail-page{padding:40px 0}.cert-detail-header{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;align-items:flex-start;gap:32px;margin-bottom:40px;padding:32px;display:flex}.cert-detail-logo{background:var(--section-bg);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;padding:16px;display:flex}.cert-detail-logo img{object-fit:contain;max-width:100%;max-height:100%}.cert-detail-info{flex:1}.cert-detail-info .cert-badge{border-radius:20px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.cert-detail-info .cert-badge.in-progress{color:var(--logo-accent);background:#0891b226}.cert-detail-info .cert-badge.goal{color:var(--purple-accent);background:#7c3aed26}.cert-detail-info h1{color:var(--text-color);margin-bottom:8px;font-size:2rem;font-weight:700}.cert-detail-subtitle{color:var(--logo-accent);margin-bottom:12px;font-size:1.1rem;font-weight:600}.cert-detail-description{color:var(--text-secondary);font-size:1rem;line-height:1.6}.cert-progress-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;margin-bottom:32px;padding:24px}.cert-progress-section .progress-label{color:var(--text-color);justify-content:space-between;margin-bottom:12px;font-weight:600;display:flex}.cert-details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.cert-detail-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;border-radius:12px;padding:20px}.cert-detail-card h3{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;margin-bottom:8px;font-size:.9rem;display:flex}.cert-detail-card p{color:var(--text-color);font-size:1.1rem;font-weight:600}.cert-topics-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;margin-bottom:32px;padding:24px}.cert-topics-section h2{color:var(--text-color);align-items:center;gap:12px;margin-bottom:16px;font-size:1.25rem;font-weight:700;display:flex}.cert-topics-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;display:grid}.cert-topic-item{background:var(--section-bg);border:1px solid var(--card-border);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex}.cert-topic-item i{color:var(--logo-accent);font-size:.9rem}.cert-topic-item span{color:var(--text-color);font-size:.95rem}.cert-prerequisites-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;margin-bottom:32px;padding:24px}.cert-prerequisites-section h2{color:var(--text-color);align-items:center;gap:12px;margin-bottom:16px;font-size:1.25rem;font-weight:700;display:flex}.cert-prerequisites-list{margin:0;padding:0;list-style:none}.cert-prerequisites-list li{border-bottom:1px solid var(--card-border);color:var(--text-color);align-items:center;gap:12px;padding:12px 0;font-size:.95rem;display:flex}.cert-prerequisites-list li:last-child{border-bottom:none}.cert-prerequisites-list li:before{content:"•";color:var(--logo-accent);font-size:1.5rem;font-weight:700}.cert-detail-footer{border-top:1px solid var(--card-border);justify-content:center;padding-top:24px;display:flex}@media (max-width:768px){.cert-detail-page{padding:20px 0}.cert-detail-header{flex-direction:column;gap:20px;padding:24px}.cert-detail-logo{width:100px;height:100px;margin:0 auto}.cert-detail-info h1{font-size:1.5rem}.cert-detail-subtitle{font-size:1rem}.cert-detail-description{font-size:.9rem}.cert-details-grid,.cert-topics-list{grid-template-columns:1fr}.cert-detail-footer{flex-direction:column}.cert-detail-footer .btn-primary{width:100%}}@media (max-width:480px){.cert-detail-header{padding:20px}.cert-detail-logo{width:80px;height:80px}.cert-detail-info h1{font-size:1.25rem}.cert-detail-subtitle{font-size:.9rem}.cert-detail-description{font-size:.85rem}.cert-progress-section,.cert-topics-section,.cert-prerequisites-section,.cert-detail-card{padding:16px}.cert-topic-item{padding:10px 12px}}.skills-page-new{background:var(--card-bg);min-height:100vh}.skill-tags-wrapper{padding:20px 0}.skill-progress-wrapper{padding:0 0 20px}.skill-tab-content-wrapper{background:var(--card-bg);min-height:400px;padding:40px 0}.skills-page-new>*{animation:.4s ease-out fadeIn}.skills-page-new>:first-child{animation-delay:0s}.skills-page-new>:nth-child(2){animation-delay:.1s}.skills-page-new>:nth-child(3){animation-delay:.2s}.skills-page-new>:nth-child(4){animation-delay:.3s}.skills-page-new>:nth-child(5){animation-delay:.4s}.skills-page-new>:nth-child(6){animation-delay:.5s}