@layer theme{:root,:host{--font-sans:"Space Grotesk",system-ui,sans-serif;--font-mono:"Space Mono",monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-dark-bg:#050505;--color-dark-surface:#0a0a0a;--color-dark-card:#111;--color-dark-border:#1a1a1a;--color-dark-text:#fff;--color-dark-muted:#888;--color-dark-dim:#444;--color-coffee-bg:#f5ebe0;--color-coffee-surface:#eddcc9;--color-coffee-card:#fff;--color-coffee-border:#d4b896;--color-coffee-text:#3d2314;--color-coffee-muted:#6b4a36;--color-coffee-dim:#8b6b52;--color-accent:#e5e5e5;--color-accent-coffee:#8b7355}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.overflow-hidden{overflow:hidden}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}*{box-sizing:border-box;cursor:none;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-dark-bg);color:var(--color-dark-text);line-height:1.6;overflow-x:hidden}body.light-theme{background:var(--color-coffee-bg);color:var(--color-coffee-text)}::selection{background:var(--color-accent);color:#fff}.custom-cursor{border:2px solid var(--color-accent);pointer-events:none;z-index:9999;mix-blend-mode:difference;border-radius:50%;width:20px;height:20px;position:fixed}.cursor-dot{background:var(--color-accent);pointer-events:none;z-index:9999;border-radius:50%;width:8px;height:8px;position:fixed}@media(max-width:768px){.custom-cursor,.cursor-dot{display:none}*{cursor:auto}}.orbs-container{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(80px);opacity:.5;border-radius:50%;animation:20s infinite float;position:absolute}.orb-1{background:radial-gradient(circle,#ffffff14,#0000 70%);width:600px;height:600px;animation-delay:0s;top:-200px;right:-200px}.orb-2{background:radial-gradient(circle,#ffffff0f,#0000 70%);width:500px;height:500px;animation-delay:-5s;bottom:-200px;left:-200px}.orb-3{opacity:.5;background:radial-gradient(circle,#ffffff0a,#0000 70%);width:400px;height:400px;animation-delay:-10s;top:50%;left:50%;transform:translate(-50%,-50%)}.orb-4{background:radial-gradient(circle,#ffffff0d,#0000 70%);width:300px;height:300px;animation-delay:-15s;bottom:10%;right:10%}body.light-theme .orb{opacity:.3}@keyframes float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(50px,-50px)scale(1.1)}50%{transform:translate(-30px,30px)scale(.9)}75%{transform:translate(-50px,-30px)scale(1.05)}}.noise-overlay{opacity:.03;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}.nav-bar{z-index:50;background:linear-gradient(to bottom,var(--color-dark-bg),transparent);justify-content:space-between;align-items:center;padding:24px 48px;display:flex;position:fixed;top:0;left:0;right:0}body.light-theme .nav-bar{background:linear-gradient(to bottom,var(--color-coffee-bg),transparent)}.nav-socials{align-items:center;gap:20px;display:flex}.nav-social-link{color:var(--color-dark-muted);justify-content:center;align-items:center;transition:color .3s,transform .3s;display:flex}.nav-social-link:hover{color:var(--color-dark-text);transform:translateY(-2px)}body.light-theme .nav-social-link{color:var(--color-coffee-muted)}body.light-theme .nav-social-link:hover{color:var(--color-coffee-text)}.nav-actions{align-items:center;gap:12px;display:flex}.nav-mail-link{border:1px solid var(--color-dark-border);width:36px;height:36px;color:var(--color-dark-muted);background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.nav-mail-link:hover{border-color:var(--color-dark-text);color:var(--color-dark-text)}body.light-theme .nav-mail-link{border-color:var(--color-coffee-border);color:var(--color-coffee-muted)}body.light-theme .nav-mail-link:hover{border-color:var(--color-coffee-text);color:var(--color-coffee-text)}.theme-toggle{border:1px solid var(--color-dark-border);cursor:pointer;width:36px;height:36px;color:var(--color-dark-muted);background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.theme-toggle:hover{border-color:var(--color-dark-text);color:var(--color-dark-text)}body.light-theme .theme-toggle{border-color:var(--color-coffee-border);color:var(--color-coffee-muted)}body.light-theme .theme-toggle:hover{border-color:var(--color-coffee-text);color:var(--color-coffee-text)}.accent{color:var(--color-accent)}body.light-theme .accent{color:var(--color-accent-coffee)}.nav-links{gap:32px;display:flex}.nav-link{color:var(--color-dark-muted);cursor:none;font-size:14px;font-family:var(--font-sans);background:0 0;border:none;transition:color .3s}.nav-link:hover{color:var(--color-dark-text)}body.light-theme .nav-link{color:var(--color-coffee-muted)}body.light-theme .nav-link:hover{color:var(--color-coffee-text)}.nav-number{color:var(--color-accent);font-family:var(--font-mono);margin-right:4px;font-size:12px}body.light-theme .nav-number{color:var(--color-accent-coffee)}@media(max-width:768px){.nav-bar{padding:16px 24px}.nav-links{display:none}}.hero-section{z-index:2;justify-content:center;align-items:center;min-height:100vh;padding:120px 48px;display:flex;position:relative}.hero-content{max-width:900px}.hero-badge{color:var(--color-accent);background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 16px;font-size:13px;display:inline-flex}body.light-theme .hero-badge{color:var(--color-accent-coffee);background:#c4836a1a;border-color:#c4836a4d}.badge-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{50%{opacity:.5}}.hero-title-wrapper{margin-bottom:24px}.overflow-hidden{overflow:hidden}.hero-title{letter-spacing:-3px;font-size:clamp(48px,10vw,96px);font-weight:700;line-height:1.1}.gradient-text{color:var(--color-dark-text);position:relative}.gradient-text:after{content:"";background:var(--color-accent);width:100%;height:4px;position:absolute;bottom:0;left:0}body.light-theme .gradient-text{color:var(--color-coffee-text)}body.light-theme .gradient-text:after{background:var(--color-accent-coffee)}.hero-subtitle{color:var(--color-dark-muted);letter-spacing:-1px;font-size:clamp(24px,4vw,48px);font-weight:600}body.light-theme .hero-subtitle{color:var(--color-coffee-muted)}.hero-typed{color:var(--color-dark-dim);font-size:clamp(18px,3vw,28px);font-family:var(--font-mono);min-height:40px;margin-bottom:24px}body.light-theme .hero-typed{color:var(--color-coffee-dim)}.cursor{vertical-align:text-bottom;background-color:#6f4e37;border-radius:2px;width:12px;height:1.15em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}body.light-theme .cursor{background-color:#4a3728}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-desc{color:var(--color-dark-muted);max-width:600px;margin-bottom:40px;font-size:18px;line-height:1.8}body.light-theme .hero-desc{color:var(--color-coffee-muted)}.hero-nav{justify-content:center;gap:16px;margin-bottom:48px;display:flex}.hero-nav-link{cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:50px;padding:14px 28px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.hero-nav-link:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a,#0000 50%);transition:opacity .4s;position:absolute;inset:0}.hero-nav-link:after{content:"";background:#ffffff1a;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-nav-link:hover{background:#ffffff14;border-color:#ffffff4d;box-shadow:0 0 20px #ffffff1a,inset 0 1px #ffffff1a}.hero-nav-link:hover:before{opacity:1}.hero-nav-link:hover:after{width:200px;height:200px}.hero-nav-text{letter-spacing:2px;text-transform:uppercase;color:#ffffffb3;z-index:1;font-size:13px;font-weight:600;transition:all .3s;position:relative}.hero-nav-link:hover .hero-nav-text{color:#fff;text-shadow:0 0 10px #ffffff4d}body.light-theme .hero-nav-link{background:#3c2d1e08;border-color:#3c2d1e26}body.light-theme .hero-nav-link:before{background:linear-gradient(135deg,#3c2d1e14,#0000 50%)}body.light-theme .hero-nav-link:after{background:#3c2d1e14}body.light-theme .hero-nav-link:hover{background:#3c2d1e14;border-color:#3c2d1e66;box-shadow:0 0 20px #3c2d1e1a,inset 0 1px #ffffff80}body.light-theme .hero-nav-text{color:#3c2d1eb3}body.light-theme .hero-nav-link:hover .hero-nav-text{color:var(--color-coffee-text);text-shadow:none}.hero-resume-btn{background:var(--color-accent);color:var(--color-dark-bg);letter-spacing:.5px;cursor:none;font-size:13px;font-weight:600;font-family:var(--font-sans);border:none;border-radius:30px;align-items:center;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 0 20px #64ffda4d}.hero-resume-btn:hover{background:#7affdc;box-shadow:0 0 30px #64ffda80}.hero-resume-btn svg{width:16px;height:16px}body.light-theme .hero-resume-btn{background:var(--color-accent-coffee);color:#fff;box-shadow:0 0 20px #6f4e374d}body.light-theme .hero-resume-btn:hover{background:#5a3d2b;box-shadow:0 0 30px #6f4e3780}@media(max-width:640px){.hero-nav{flex-wrap:wrap;justify-content:center;gap:12px}.hero-nav-link{padding:12px 20px}.hero-nav-text{letter-spacing:1px;font-size:12px}}.btn-primary{background:var(--color-dark-text);color:var(--color-dark-bg);cursor:none;font-size:15px;font-weight:600;font-family:var(--font-sans);border:none;border-radius:8px;align-items:center;gap:8px;padding:16px 32px;transition:all .3s;display:inline-flex}.btn-primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 10px 30px #ffffff1a}body.light-theme .btn-primary{background:var(--color-coffee-text);color:var(--color-coffee-bg)}.btn-arrow{transition:transform .3s}.btn-primary:hover .btn-arrow{transform:translate(4px)}.btn-outline{color:var(--color-dark-text);border:1px solid var(--color-dark-border);cursor:none;font-size:15px;font-weight:600;font-family:var(--font-sans);background:0 0;border-radius:12px;padding:16px 32px;transition:all .3s}.btn-outline:hover{border-color:var(--color-dark-text);background:#ffffff0d}body.light-theme .btn-outline{color:var(--color-coffee-text);border-color:var(--color-coffee-border)}body.light-theme .btn-outline:hover{border-color:var(--color-accent-coffee);background:#c4836a1a}.hero-socials{gap:16px;display:flex}.social-icon{background:var(--color-dark-card);border:1px solid var(--color-dark-border);width:44px;height:44px;color:var(--color-dark-muted);border-radius:12px;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:all .3s;display:flex}.social-icon:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-4px)}body.light-theme .social-icon{background:var(--color-coffee-card);border-color:var(--color-coffee-border);color:var(--color-coffee-muted)}body.light-theme .social-icon:hover{border-color:var(--color-accent-coffee);color:var(--color-accent-coffee)}.social-link{background:var(--color-dark-card);border:1px solid var(--color-dark-border);width:48px;height:48px;color:var(--color-dark-muted);border-radius:12px;justify-content:center;align-items:center;transition:all .3s;display:flex}.social-link:hover{border-color:var(--color-accent);color:var(--color-accent);background:#8b5cf61a;transform:translateY(-4px)}body.light-theme .social-link{background:var(--color-coffee-card);border-color:var(--color-coffee-border);color:var(--color-coffee-muted)}body.light-theme .social-link:hover{border-color:var(--color-accent-coffee);color:var(--color-accent-coffee);background:#c4836a1a}.scroll-indicator{cursor:pointer;align-items:center;gap:8px;transition:all .3s;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-indicator:hover{opacity:.7}.scroll-text{letter-spacing:2px;text-transform:uppercase;color:var(--color-dark-muted);font-size:12px;font-weight:500}.scroll-arrow{color:var(--color-dark-muted);align-items:center;display:flex}body.light-theme .scroll-text,body.light-theme .scroll-arrow{color:var(--color-coffee-muted)}.section{z-index:2;padding:120px 48px;position:relative}.section-content{max-width:1200px;margin:0 auto}.section-content.center{text-align:center;flex-direction:column;align-items:center;display:flex}.section-header{align-items:center;gap:16px;margin-bottom:60px;display:flex}.section-number{font-family:var(--font-mono);color:var(--color-accent);font-size:16px}body.light-theme .section-number{color:var(--color-accent-coffee)}.section-title{letter-spacing:-1px;font-size:32px;font-weight:700}.section-line{background:linear-gradient(to right,var(--color-dark-border),transparent);flex:1;max-width:300px;height:1px}body.light-theme .section-line{background:linear-gradient(to right,var(--color-coffee-border),transparent)}.about-grid{grid-template-columns:300px 1fr;align-items:start;gap:80px;display:grid}@media(max-width:900px){.about-grid{grid-template-columns:1fr;gap:40px}}.glow-card{background:var(--color-dark-card);border:1px solid var(--color-dark-border);border-radius:24px;position:relative;overflow:hidden}.glow-card:before{content:"";background:radial-gradient(circle,var(--color-accent)0%,transparent 70%);width:200px;height:200px;left:var(--mouse-x);top:var(--mouse-y);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;transform:translate(-50%,-50%)}.glow-card:hover:before{opacity:.15}body.light-theme .glow-card{background:var(--color-coffee-card);border-color:var(--color-coffee-border)}.about-card{padding:24px}.about-image{position:relative}.image-placeholder{aspect-ratio:3/4;background:linear-gradient(135deg,var(--color-dark-surface),var(--color-dark-card));width:100%;color:var(--color-accent);border-radius:16px;justify-content:center;align-items:center;font-size:64px;font-weight:700;display:flex}body.light-theme .image-placeholder{background:linear-gradient(135deg,var(--color-coffee-surface),var(--color-coffee-card));color:var(--color-accent-coffee)}.about-profile-img{aspect-ratio:3/4;object-fit:cover;filter:grayscale();border-radius:16px;width:100%;transition:all .5s}.glow-card:hover .about-profile-img{filter:grayscale(0%);transform:scale(1.02)}.image-border{border:2px solid var(--color-accent);opacity:.3;border-radius:20px;position:absolute;inset:-8px}body.light-theme .image-border{border-color:var(--color-accent-coffee)}.about-text p{color:var(--color-dark-muted);margin-bottom:24px;font-size:17px;line-height:1.8}body.light-theme .about-text p{color:var(--color-coffee-muted)}.highlight{color:var(--color-accent);font-weight:600}body.light-theme .highlight{color:var(--color-accent-coffee)}.about-stats{border-top:1px solid var(--color-dark-border);gap:40px;padding-top:32px;display:flex}body.light-theme .about-stats{border-color:var(--color-coffee-border)}.stat{flex-direction:column;display:flex}.stat-number{color:var(--color-dark-text);font-size:36px;font-weight:700}body.light-theme .stat-number{color:var(--color-coffee-text)}.stat-label{color:var(--color-dark-dim);font-size:14px}body.light-theme .stat-label{color:var(--color-coffee-dim)}.experience-wrapper{width:100%;position:relative;overflow:hidden}.timeline-container{padding-left:40px;position:relative}.timeline-line{background:var(--color-dark-border);border-radius:3px;width:3px;position:absolute;top:0;bottom:0;left:8px}body.light-theme .timeline-line{background:var(--color-coffee-border)}.timeline-line-fill{background:linear-gradient(to bottom,var(--color-accent),var(--color-accent));border-radius:3px;width:100%}body.light-theme .timeline-line-fill{background:linear-gradient(to bottom,var(--color-accent-coffee),var(--color-accent-coffee))}.timeline-items{flex-direction:column;gap:48px;display:flex}.timeline-item{position:relative}.timeline-dot-wrapper{justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:4px;left:-40px}.timeline-dot{background:var(--color-dark-bg);border:3px solid var(--color-accent);border-radius:50%;width:14px;height:14px;box-shadow:0 0 20px #64ffda4d}body.light-theme .timeline-dot{background:var(--color-coffee-bg);border-color:var(--color-accent-coffee);box-shadow:0 0 20px #6f4e374d}.timeline-title h3{color:var(--color-dark-text);margin-bottom:20px;font-size:28px;font-weight:700}body.light-theme .timeline-title h3{color:var(--color-coffee-text)}.timeline-content{padding-left:0}.exp-card{background:var(--color-dark-card);border:1px solid var(--color-dark-border);border-radius:16px;padding:28px;transition:all .3s}.exp-card:hover{border-color:var(--color-accent);transform:translate(8px);box-shadow:0 0 40px #64ffda1a}body.light-theme .exp-card{background:var(--color-coffee-card);border-color:var(--color-coffee-border)}body.light-theme .exp-card:hover{border-color:var(--color-accent-coffee);box-shadow:0 0 40px #6f4e371a}.exp-role{color:var(--color-dark-text);margin-bottom:6px;font-size:20px;font-weight:600}body.light-theme .exp-role{color:var(--color-coffee-text)}.exp-company{color:var(--color-accent);margin-bottom:8px;font-size:15px;font-weight:500}body.light-theme .exp-company{color:var(--color-accent-coffee)}.exp-duration{color:var(--color-dark-dim);font-size:13px;font-family:var(--font-mono);margin-bottom:16px;display:inline-block}body.light-theme .exp-duration{color:var(--color-coffee-dim)}.exp-desc{color:var(--color-dark-secondary);margin-bottom:20px;font-size:14px;line-height:1.8}body.light-theme .exp-desc{color:var(--color-coffee-secondary)}.exp-skills{flex-wrap:wrap;gap:10px;display:flex}.exp-skill-tag{color:var(--color-accent);background:#64ffda1a;border:1px solid #64ffda33;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:500}body.light-theme .exp-skill-tag{color:var(--color-accent-coffee);background:#6f4e371a;border-color:#6f4e3733}@media(max-width:640px){.timeline-container{padding-left:32px}.timeline-dot-wrapper{left:-32px}.timeline-title h3{font-size:24px}.exp-card{padding:20px}}.skills-logos-grid{grid-template-columns:repeat(3,1fr);gap:48px;max-width:600px;margin:0 auto;display:grid}@media(max-width:640px){.skills-logos-grid{gap:32px;max-width:400px}}.skill-logo-item{cursor:none;flex-direction:column;align-items:center;gap:16px;transition:all .3s;display:flex}.skill-logo{object-fit:contain;filter:grayscale()brightness(.8);width:64px;height:64px;transition:all .3s}.skill-logo-item:hover .skill-logo{filter:grayscale(0%)brightness()}body.light-theme .skill-logo{filter:grayscale()brightness(.6)}body.light-theme .skill-logo-item:hover .skill-logo{filter:grayscale(0%)brightness()}.skill-name{color:var(--color-dark-muted);text-align:center;font-size:14px;font-weight:500;transition:color .3s}.skill-logo-item:hover .skill-name{color:var(--color-dark-text)}body.light-theme .skill-name{color:var(--color-coffee-muted)}body.light-theme .skill-logo-item:hover .skill-name{color:var(--color-coffee-text)}body.light-theme .skill-tag{background:var(--color-coffee-surface);border-color:var(--color-coffee-border);color:var(--color-coffee-text)}body.light-theme .skill-tag:hover{border-color:var(--color-accent-coffee);color:var(--color-accent-coffee);background:#c4836a26}.projects-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}}.project-card{background:var(--color-dark-card);border:1px solid var(--color-dark-border);cursor:none;border-radius:16px;padding:32px;transition:all .3s;position:relative}.project-card:hover{border-color:var(--color-accent);transform:translateY(-4px)}body.light-theme .project-card{background:var(--color-coffee-card);border-color:var(--color-coffee-border)}body.light-theme .project-card:hover{border-color:var(--color-accent-coffee)}.project-number{font-family:var(--font-mono);color:var(--color-dark-border);opacity:.5;font-size:64px;font-weight:700;line-height:1;transition:all .3s;position:absolute;top:24px;right:28px}.project-card:hover .project-number{color:var(--color-accent);opacity:.3}body.light-theme .project-number{color:var(--color-coffee-border)}body.light-theme .project-card:hover .project-number{color:var(--color-accent-coffee)}.project-info{flex-direction:column;gap:16px;display:flex}.project-title{letter-spacing:-.5px;padding-right:60px;font-size:24px;font-weight:600}.project-desc{color:var(--color-dark-muted);font-size:14px;line-height:1.7}body.light-theme .project-desc{color:var(--color-coffee-muted)}.project-footer{border-top:1px solid var(--color-dark-border);justify-content:space-between;align-items:center;margin-top:16px;padding-top:20px;display:flex}body.light-theme .project-footer{border-color:var(--color-coffee-border)}.project-tech{align-items:center;gap:12px;display:flex}.project-tech-icon{background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:5px;transition:all .3s;display:flex}.project-tech-icon:hover{background:#ffffff1a;transform:translateY(-2px)}.project-tech-icon img{object-fit:contain;filter:grayscale(.3);width:100%;height:100%;transition:filter .3s}.project-tech-icon:hover img{filter:grayscale(0)}body.light-theme .project-tech-icon{background:#0000000d}body.light-theme .project-tech-icon:hover{background:#0000001a}.project-btn{color:var(--color-accent);align-items:center;gap:6px;font-size:13px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.project-btn svg{transition:transform .3s}.project-btn:hover svg{transform:translate(3px,-3px)}body.light-theme .project-btn{color:var(--color-accent-coffee)}.projects-cta{text-align:center;margin-top:48px}.more-link{color:var(--color-accent);align-items:center;gap:8px;font-size:16px;text-decoration:none;transition:all .3s;display:inline-flex}.more-link:hover{gap:12px}body.light-theme .more-link{color:var(--color-accent-coffee)}.arrow{transition:transform .3s}.more-link:hover .arrow{transform:translate(4px)}.contact-section{padding-bottom:80px}.contact-heading{letter-spacing:-2px;margin-bottom:24px;font-size:clamp(32px,6vw,56px);font-weight:700}.contact-desc{color:var(--color-dark-muted);max-width:500px;margin-bottom:40px;font-size:18px;line-height:1.7}body.light-theme .contact-desc{color:var(--color-coffee-muted)}.contact-btn{background:var(--color-dark-text);color:var(--color-dark-bg);cursor:none;border:none;border-radius:8px;align-items:center;gap:12px;padding:20px 48px;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.contact-btn:hover{opacity:.9;transform:translateY(-4px);box-shadow:0 10px 30px #ffffff1a}body.light-theme .contact-btn{background:var(--color-coffee-text);color:var(--color-coffee-bg)}.btn-emoji{transform-origin:70% 70%;font-size:20px;animation:2s infinite wave}@keyframes wave{0%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%,to{transform:rotate(0)}}.footer{border-top:1px solid var(--color-dark-border);z-index:2;padding:40px 48px;position:relative}body.light-theme .footer{border-color:var(--color-coffee-border)}.footer-content{text-align:center;max-width:1200px;margin:0 auto}.footer p{color:var(--color-dark-dim);font-size:14px}body.light-theme .footer p{color:var(--color-coffee-dim)}.footer-year{margin-top:8px;font-size:12px}.back-to-top{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:50px;height:50px;color:var(--color-dark-text);cursor:pointer;z-index:100;background:#ffffff0d;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.back-to-top:hover{background:#ffffff1a;border-color:#ffffff80;box-shadow:0 0 20px #ffffff1a}body.light-theme .back-to-top{color:var(--color-coffee-text);background:#fffc;border-color:#3c2d1e33}body.light-theme .back-to-top:hover{background:#fffffff2;border-color:#3c2d1e66;box-shadow:0 0 20px #3c2d1e1a}@media(max-width:768px){.section{padding:80px 24px}.hero-section{padding:100px 24px}.hero-cta{flex-direction:column}.btn-primary,.btn-outline{justify-content:center;width:100%}.about-stats{flex-direction:column;gap:24px}}