@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
: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:#0ea5e9;--btn-hover:#0284c7;--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}.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:#0ea5e9;--btn-hover:#0284c7;--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}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-color);color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;transition:background .3s,color .3s}img{max-width:100%;display:block}.section{padding:90px 20px}.container{max-width:1100px;margin:0 auto}.section-title{text-align:center;color:var(--text-color);letter-spacing:-.03em;margin-bottom:48px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:2.25rem;font-weight:800;line-height:1.2}.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:560px;color:var(--text-secondary);margin:20px 0;font-size: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:1100px;margin:0 auto;padding:14px 20px;transition:padding .3s;display:flex}.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);border-radius:8px;padding:6px 10px;font-size:.93rem;font-weight:500;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;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:8px 12px;font-size:1rem;font-weight:500;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{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;z-index:1001;border-radius:8px;padding:10px;font-size:1.5rem;transition:all .3s;position:fixed;top:18px;right:18px;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{display:block!important}nav .links{display:none}}.hamburg:hover{color:var(--logo-accent);background:#0891b214;transform:scale(1.05)}.hamburg:active{transform:scale(.95)}.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:-.03em;font-size:2.8rem;font-weight:800;line-height:1.15}.content h1 span{color:var(--logo-accent)}.typewriter{color:var(--text-secondary);margin-top:12px;font-size:1.15rem;font-weight:600}.typewriter label{opacity:.5;margin-left:2px;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:.5}50%{opacity:0}}.social-links{gap:0;margin-bottom:24px;display:flex}.social-links a{width:42px;height:42px;color:var(--text-color);border:none;border-radius:0;justify-content:center;align-items:center;margin:0;padding:0;font-size:1.05rem;transition:all .25s;display:flex}.social-links a:hover{background:var(--btn-bg);color:#fff;border-color:var(--btn-bg);box-shadow:0 4px 12px var(--shadow-strong);transform:translateY(-2px)}.btn-primary{background:var(--btn-bg);color:#fff;border:1px solid var(--card-border);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:11px 22px;font-size:.95rem;font-weight:600;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)}.image{flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-photo-wrapper{justify-content:center;align-items:center;width:340px;height:340px;display:flex;position:relative}.profile-photo-wrapper:before{content:"";background:conic-gradient(from 0deg, var(--logo-accent), var(--accent-glow), #7c3aed, 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:1.02rem;line-height:1.85}.about-text-block p{margin-bottom:1rem}.personality-cards{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.personality-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;border-radius:12px;padding:20px;transition:all .3s}.personality-card:hover{box-shadow:0 8px 24px var(--shadow-strong);border-color:var(--logo-accent);transform:translateY(-4px)}.personality-card i{color:var(--logo-accent);margin-bottom:12px;font-size:2rem}.personality-card h4{color:var(--text-color);margin:0 0 8px;font-size:1rem;font-weight:700}.personality-card p{color:var(--text-secondary);margin:0;font-size:.9rem}.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);margin:0 0 8px;font-size:1.1rem;font-weight:700}.timeline-content p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.about-text{max-width:820px;color:var(--text-secondary);text-align:center;margin:0 auto;font-size: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);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.9rem;font-weight:600;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{color:#fff;background:var(--logo-accent);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;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:#fff;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}.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(--bg-color)}.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);border:1px solid var(--card-border);opacity:0;border-radius:16px;text-decoration:none;transition:all .3s;display:block;overflow:hidden;transform:translateY(20px)}.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:30s 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: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:100px;height: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:#f59e0b;background:#f59e0b1f}.cert-badge.goal{color:var(--logo-accent);background:#0891b21f}.cert-badge.completed{color:#16a34a;background:#16a34a1f}.cert-learn-more{background:var(--btn-bg);color:#fff;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!important}}@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!important}}.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-icon{background:linear-gradient(135deg, var(--btn-bg), var(--accent-glow));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;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:#fff;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:#fff}.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);align-items:center;gap:10px;margin-bottom: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:#ef4444}.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:#16a34a;background:#16a34a1f}.badge--pending{color:#f59e0b;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:#fff;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)}.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 span{color:var(--logo-accent)}.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:#fff;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:#fff;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));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;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:#f59e0b;background:#f59e0b1f}.badge--soon{color:#6b7280;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:#16a34a;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%}.dropdown{width:80%;max-width:350px}.hamburg{top:18px;right:18px}}@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}.hamburg{top:16px;right:16px}.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{padding:6px 16px;font-size:.8rem}.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!important}.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{padding:8px;font-size:1.3rem;top:16px;right:16px}}@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{z-index:9999;opacity:0;visibility:hidden;background:#fff;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:#ef4444;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}to{opacity:1}}@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{grid-template-columns:1.2fr 1fr;gap:20px;display:grid}.ctf-player-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px var(--shadow);border-radius:16px;align-items:center;gap:20px;padding:24px;display:flex}.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:#fff;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:16px;max-width:1100px;margin:0 auto 32px;display:grid}.ctf-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}.ctf-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}.ctf-stats-dashboard .stat-value{color:var(--text-color);font-size:1.8rem;font-weight:800}.ctf-stats-dashboard .stat-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.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-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:#fff;border-color:var(--btn-bg);transform:scale(1.05);box-shadow:0 0 12px #0891b24d}.ctf-empty-state{text-align:center;color:var(--text-secondary);padding:48px 20px}.ctf-empty-state i{color:var(--logo-accent);opacity:.5;margin-bottom:12px;font-size:2.5rem}.ctf-empty-state h3{color:var(--text-color);margin-bottom:8px;font-size:1.2rem;font-weight:700}.ctf-empty-state p{font-size:.9rem}@media (max-width:900px){.ctf-hero-grid,.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:#fff;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(--bg-color)}.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:column;gap:25px;display:flex}.filter-group{flex-direction:column;gap:10px;display:flex}.filter-label{color:var(--text-color);font-size:.9rem;font-weight:600}.filter-buttons{flex-wrap:wrap;gap:10px;display:flex}.filter-btn{border:2px solid var(--card-border);background:var(--bg-color);color:var(--text-color);cursor:pointer;border-radius:8px;padding:8px 16px;font-weight:600;transition:all .2s}.filter-btn:hover,.filter-btn.active{background:var(--btn-bg);color:#fff;border-color:var(--btn-bg)}.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(--bg-color)}.blog-header{text-align:center;background:linear-gradient(135deg, var(--section-bg), var(--bg-color));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}.rss-feed{margin-top:25px}.rss-link{background:var(--btn-bg);color:#fff;border-radius:25px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.rss-link:hover{background:var(--btn-hover);transform:translateY(-2px)}.blog-search-section{background:var(--card-bg);border-bottom:1px solid var(--card-border);padding:30px 0}.search-container{max-width:600px;margin:0 auto;position:relative}.search-icon{color:var(--text-secondary);font-size:1.1rem;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.search-container input{border:2px solid var(--card-border);background:var(--bg-color);width:100%;color:var(--text-color);border-radius:25px;padding:15px 15px 15px 45px;font-size:1rem;transition:all .2s}.search-container input:focus{border-color:var(--btn-bg);outline:none;box-shadow:0 0 0 2px #0891b21a}.blog-filters-section{background:var(--card-bg);border-bottom:1px solid var(--card-border);padding:30px 0}.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));color:#fff;cursor:pointer;width:46px;height:46px;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));color:#fff;cursor:pointer;width:56px;height:56px;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{color:#fff;width:48px;height:48px;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}@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}}.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{width:150px;height:150px;box-shadow:0 8px 24px var(--shadow);background:#fff;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:#f59e0b;background:#f59e0b1f}.cert-status-badge.goal{color:var(--logo-accent);background:#0891b21f}.cert-status-badge.completed{color:#16a34a;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:#fff;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:#16a34a;background:#16a34a26}.skill-level-badge.level-intermediate{color:var(--logo-accent);background:#0891b226}.skill-level-badge.level-beginner{color:#f59e0b;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:#fff}.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:#fff;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));color:#fff;border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;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:#16a34a;background:#16a34a26}.featured-category{color:#7c3aed;background:#7c3aed26;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:600}.featured-link{background:var(--btn-bg);color:#fff;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));color:#fff;justify-content:center;align-items:center;height:160px;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:#7c3aed;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:#16a34a;background:#16a34a26}.project-status.dev{color:var(--logo-accent);background:#0891b226}.project-status.soon{color:#f59e0b;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:#fff;border-color:var(--logo-accent);transform:translateY(-2px)}.project-learn-more{background:var(--logo-accent);color:#fff;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:#ef4444;transform:scale(1.1)}.project-favorite-btn.active{color:#ef4444}.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!important;position:fixed!important;inset:0!important}.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:#16a34a;background:#16a34a26}.modal-status.dev{color:var(--logo-accent);background:#0891b226}.modal-status.soon{color:#f59e0b;background:#f59e0b26}.modal-category{color:#7c3aed;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:#fff}.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:#fff;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);color:#fff;cursor:pointer;z-index:999;opacity:0;visibility:hidden;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;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:#fff;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:#7c3aed;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:#fff;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%}.filter-buttons{flex-wrap:wrap}}@media (max-width:600px){.blog-search-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-links{gap:0}.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-links{gap:0}.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-title{font-size:1.5rem}.hero-subtitle{font-size:.9rem}.hero-description{font-size:.85rem}.hero-buttons{flex-direction:column;width:100%}.hero-btn{justify-content:center;width:100%}}.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 (prefers-color-scheme:dark){:root{--bg-color:#0a0a0a;--card-bg:#1a1a1a;--text-color:#fff;--text-secondary:#a0a0a0;--card-border:#333}}@media (prefers-color-scheme:light){:root{--bg-color:#fff;--card-bg:#fff;--text-color:#1a1a1a;--text-secondary:#666;--card-border:#e5e5e5}}@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:#fff;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{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);box-shadow:0 2px 12px var(--shadow);border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-height:120px;padding:16px;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));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;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:#7c3aed;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}}