:root{--bg-primary:#090909;--bg-secondary:#090909;--bg-tertiary:#111;--text-primary:#fff;--text-secondary:#a3a3a3;--text-muted:#525252;--accent:#eab308;--accent-hover:#facc15;--border-color:#ffffff0d;--surface:#0f0f0f;--neu-shadow-outer:6px 6px 14px #040404,-6px -6px 14px #141414;--neu-shadow-hover:10px 10px 20px #020202,-10px -10px 20px #1c1c1c;--neu-shadow-inner:inset 4px 4px 8px #040404,inset -4px -4px 8px #141414;--neu-shadow-glow:0 0 10px #eab30833,inset 0 0 10px #eab3081a;--glass-bg:#090909a6;--glass-border:#ffffff0d;--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:all .3s}a:hover{color:var(--accent)}ul{list-style:none}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600;line-height:1.2}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.text-accent{color:var(--accent)}.text-secondary{color:var(--text-secondary)}.main-nav{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f0f0f80;border-bottom:1px solid #ffffff14;width:100%;padding:1.25rem 0;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 30px #00000080}.nav-content{justify-content:space-between;align-items:center;display:flex}.nav-logo{letter-spacing:-.05em;background:linear-gradient(135deg,#fff 0%,#aaa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.nav-links{align-items:center;gap:0;display:flex}.gallery-grid{flex-direction:column;gap:2rem;margin-top:2rem;display:flex}.collection-card{-webkit-backdrop-filter:blur(5px);color:#fff;z-index:1;background:#2d2d2d66;border-bottom:3px solid #ffffff1a;border-left:2px outset #ffffff1a;border-radius:8px;flex-direction:row;align-items:stretch;height:140px;padding:0;text-decoration:none;transition:all .4s;display:flex;position:relative;overflow:hidden;transform:skew(-5deg);box-shadow:-20px 25px 30px #00000080}.collection-card:hover{background:#3c3c3c80;height:240px;transform:skew(0deg)}.collection-card .align{z-index:10;flex-direction:row;align-self:flex-start;gap:6px;display:flex;position:absolute;top:1rem;left:1rem}.collection-card .red,.collection-card .yellow,.collection-card .green{border-radius:50%;width:12px;height:12px;box-shadow:-5px 5px 5px #00000047}.collection-card .red{background-color:#ff605c}.collection-card .yellow{background-color:#ffbd44}.collection-card .green{background-color:#00ca4e}.card-image-wrapper{background:var(--bg-tertiary);flex-shrink:0;width:300px;position:relative;overflow:hidden}.card-image-wrapper:after{content:"";background:linear-gradient(to right,transparent,var(--surface));pointer-events:none;z-index:2;width:100px;position:absolute;top:0;bottom:0;right:0}.card-image{object-fit:cover;z-index:1;width:100%;height:100%;transition:transform .5s}.collection-card:hover .card-image{transform:scale(1.05)}.card-placeholder{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:.9rem;display:flex}.card-content{z-index:5;flex-direction:column;flex-grow:1;justify-content:center;padding:2rem 2rem 2rem 2.5rem;display:flex}.card-content h2{color:var(--text-primary);text-shadow:-5px 5px 10px #00000080;margin-bottom:.5rem;font-size:1.25rem}.card-content p{color:var(--text-secondary);opacity:0;font-size:.9rem;transition:all .4s;transform:translateY(20px)}.collection-card:hover .card-content p{opacity:1;transform:translateY(0)}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.photo-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.photo-wrapper img{width:100%;height:auto;transition:transform .3s;display:block}.photo-wrapper:hover img{transform:scale(1.02)}.back-link{color:var(--text-primary);background:var(--surface);box-shadow:var(--neu-shadow-outer);border-radius:50px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem;font-size:.9rem;transition:all .3s;display:inline-flex}.back-link:hover{box-shadow:var(--neu-shadow-inner);color:var(--accent)}.photography-section{margin-bottom:6rem}.section-title{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem;font-size:2rem}.nav-links a{cursor:pointer;-webkit-user-select:none;user-select:none;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;background-color:#00000029;border-radius:0;justify-content:center;align-items:center;min-width:90px;height:36px;padding:2px 16px;font-size:.9rem;font-weight:600;transition-property:color,background-color,box-shadow;transition-duration:.3s;transition-timing-function:cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 1px #00000026,0 1px 1px #ffffff2b}.nav-links a:hover{color:#fff;background-color:#2c2c2c;box-shadow:inset 0 -4px 1px #0000003b,0 -1px 1px #ffffff2b,0 2px 4px 1px #0000002b}.nav-links a .inner{pointer-events:none;transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transform:translateY(0)}.nav-links a:hover .inner{transform:translateY(-2px)}.nav-links a:first-of-type{border-top-left-radius:5px;border-bottom-left-radius:5px}.nav-links a:last-of-type{border-top-right-radius:5px;border-bottom-right-radius:5px}.hero{flex-direction:column;justify-content:center;align-items:flex-start;min-height:100vh;padding-top:120px;padding-bottom:4rem;display:flex}.hero-title{margin-bottom:1rem;font-size:clamp(3rem,8vw,6rem);font-weight:800}.hero-title span{color:var(--accent)}.hero-subtitle{color:var(--text-secondary);font-size:clamp(1.2rem,3vw,2rem);font-weight:400}.section{border-top:1px solid var(--border-color);padding:6rem 0}.section h2{margin-bottom:3rem;font-size:2.5rem;display:inline-block;position:relative}.section h2:after{content:"";background-color:var(--accent);border-radius:2px;width:60px;height:4px;position:absolute;bottom:-10px;left:0}.section p{color:var(--text-secondary);max-width:800px;font-size:1.1rem}.terminal-container{border-left:3px solid var(--accent);background:#0a0a0a66;border-radius:12px;max-width:800px;padding:1.5rem 2rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;box-shadow:inset 0 0 10px #00000080}.terminal-text{color:#a9b7c6;margin:0;font-size:1.1rem;line-height:1.6}.terminal-prompt{color:var(--accent);margin-right:.5rem;font-weight:700}.terminal-cursor{color:var(--accent);margin-left:2px;font-weight:700;display:inline-block}.terminal-cursor.idle{animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.blob-card-base{z-index:1;border-radius:20px;position:relative;overflow:hidden;box-shadow:20px 20px 60px #040404,-20px -20px 60px #141414}.blob-card-bg{z-index:2;-webkit-backdrop-filter:blur(24px);background:#0f0f0f99;border:1px solid #ffffff0d;border-radius:18px;position:absolute;inset:2px;overflow:hidden}.blob-card-blob{z-index:1;background-color:var(--accent);filter:blur(24px);border-radius:50%;width:150px;height:150px;margin:-75px 0 0 -75px;transition:transform 3s cubic-bezier(.2,.8,.2,1),opacity 3s ease-in-out;animation:3.7s linear infinite alternate blob-bounce-x,2.3s linear infinite alternate blob-bounce-y;position:absolute}.blob-card-base:hover .blob-card-blob{opacity:.5;transform:scale(10)}@keyframes blob-bounce-x{0%{left:0%}to{left:100%}}@keyframes blob-bounce-y{0%{top:0%}to{top:100%}}.blob-card-content{z-index:3;width:100%;height:100%;position:relative}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.skill-category{padding:2.5rem;transition:transform .3s}.skill-category:hover{transform:translateY(-5px)}.skill-category h3{color:#fff;margin-bottom:1.5rem;font-size:1.5rem}.skill-category p{margin-bottom:.5rem;font-size:1rem}.education-list{flex-direction:column;gap:2rem;display:flex}.education-list li{padding:3rem 2.5rem;transition:transform .3s;position:relative}.education-list li:hover{transform:translateY(-5px)}.education-watermark{z-index:2;opacity:.3;filter:grayscale()brightness(200%);pointer-events:none;background-position:100%;background-repeat:no-repeat;background-size:contain;width:55%;transition:all .6s cubic-bezier(.2,.8,.2,1);position:absolute;top:2%;bottom:2%;right:-5%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 80%);mask-image:linear-gradient(90deg,#0000 0%,#000 80%)}.blob-card-base:hover .education-watermark{opacity:.9;filter:grayscale(0%)brightness();right:2.5rem;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 10%);mask-image:linear-gradient(90deg,#0000 0%,#000 10%)}.education-text{flex-grow:1}.education-list h3{margin-bottom:.5rem;font-size:1.3rem}.contact-container{align-items:flex-start;gap:4rem;display:flex}.contact-info{flex-direction:column;flex:1;gap:1.5rem;display:flex}.contact-info p{align-items:center;gap:1rem;font-size:1.1rem;display:flex}.contact-form{background:var(--surface);box-shadow:var(--neu-shadow-outer);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;flex:1;gap:1.5rem;padding:2.5rem;display:flex}.neu-input{background:var(--bg-primary);width:100%;color:var(--text-primary);box-shadow:var(--neu-shadow-inner);border:1px solid #0000;border-radius:12px;outline:none;padding:1rem 1.25rem;font-family:inherit;font-size:1rem;transition:all .3s}.neu-input:focus{box-shadow:var(--neu-shadow-inner),var(--neu-shadow-glow);border-color:#eab30880}.neu-button{background:var(--bg-primary);color:var(--accent);border:1px solid var(--border-color);cursor:pointer;box-shadow:var(--neu-shadow-outer);text-transform:uppercase;letter-spacing:.1em;border-radius:12px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.neu-button:hover{box-shadow:var(--neu-shadow-inner),var(--neu-shadow-glow);border-color:var(--accent);color:#fff}.neu-button:active{box-shadow:inset 6px 6px 12px #040404,inset -6px -6px 12px #141414}.email-btn-wrapper{margin-top:1rem}.email-btn-wrapper .button{--primary:#ff5569;--neutral-1:#f7f8f7;--neutral-2:#e7e7e7;--radius:14px;cursor:pointer;border-radius:var(--radius);text-shadow:0 1px 1px #0000004d;color:#000;border:none;justify-content:center;align-items:center;min-width:200px;height:68px;padding:20px;font-family:Galano Grotesque,Poppins,Montserrat,sans-serif;font-size:18px;font-style:normal;font-weight:600;transition:all .3s;display:flex;position:relative;box-shadow:0 .5px .5px 1px #fff3,0 10px 20px #0003,0 4px 5px #0000000d}.email-btn-wrapper .button:hover{transform:scale(1.02);box-shadow:0 0 1px 2px #ffffff4d,0 15px 30px #0000004d,0 10px 3px -3px #0000000a}.email-btn-wrapper .button:active,.email-btn-wrapper .button:focus{outline:none;transform:scale(1);box-shadow:0 0 1px 2px #ffffff4d,0 10px 3px -3px #0003}.email-btn-wrapper .button:after{content:"";border-radius:var(--radius);background:linear-gradient(var(--neutral-1),var(--neutral-2))padding-box,linear-gradient(to bottom,#0000001a,#00000073)border-box;z-index:0;border:2.5px solid #0000;transition:all .4s;position:absolute;inset:0}.email-btn-wrapper .button:hover:after{transform:scale(1.05,1.1);box-shadow:inset 0 -1px 3px #fff}.email-btn-wrapper .button:before{content:"";background:linear-gradient(to top,var(--neutral-1),var(--neutral-2));filter:blur(.5px);z-index:2;border-radius:30px;position:absolute;inset:7px 6px 6px}.email-btn-wrapper .state p{color:#000;justify-content:center;align-items:center;margin:0;display:flex}.email-btn-wrapper .state .icon{justify-content:center;align-items:center;margin:auto;transition:all .3s;display:flex;position:absolute;top:0;bottom:0;left:0;transform:scale(1.25)}.email-btn-wrapper .state .icon svg{overflow:visible}.email-btn-wrapper .outline{border-radius:inherit;z-index:1;opacity:0;transition:opacity .4s;position:absolute;inset:-2px -3.5px;overflow:hidden}.email-btn-wrapper .outline:before{content:"";background:conic-gradient(from 180deg,#0000 60%,#fff 80%,#0000 100%);animation:2s linear infinite paused spin;position:absolute;inset:-100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.email-btn-wrapper .button:hover .outline{opacity:1}.email-btn-wrapper .button:hover .outline:before{animation-play-state:running}.email-btn-wrapper .state p span{opacity:0;animation:slideDown .8s ease forwards calc(var(--i)*30ms);display:block}.email-btn-wrapper .button:hover p span{opacity:1;animation:wave .5s ease forwards calc(var(--i)*20ms)}.email-btn-wrapper .button:focus p span{opacity:1;animation:disapear .6s ease forwards calc(var(--i)*30ms)}@keyframes wave{30%{opacity:1;transform:translateY(4px)translate(0)rotate(0)}50%{opacity:1;color:var(--primary);transform:translateY(-3px)translate(0)rotate(0)}to{opacity:1;transform:translateY(0)translate(0)rotate(0)}}@keyframes slideDown{0%{opacity:0;color:var(--primary);filter:blur(5px);transform:translateY(-20px)translate(5px)rotate(-90deg)}30%{opacity:1;filter:blur();transform:translateY(4px)translate(0)rotate(0)}50%{opacity:1;transform:translateY(-3px)translate(0)rotate(0)}to{opacity:1;transform:translateY(0)translate(0)rotate(0)}}@keyframes disapear{0%{opacity:1}to{opacity:0;color:var(--primary);filter:blur(5px);transform:translate(5px)translateY(20px)}}.email-btn-wrapper .state--default .icon svg{animation:.6s forwards land}.email-btn-wrapper .button:hover .state--default .icon{transform:rotate(45deg)scale(1.25)}.email-btn-wrapper .button:focus .state--default svg{animation:.8s linear forwards takeOff}.email-btn-wrapper .button:focus .state--default .icon{transform:rotate(0)scale(1.25)}@keyframes takeOff{0%{opacity:1}60%{opacity:1;transform:translate(70px)rotate(45deg)scale(2)}to{opacity:0;transform:translate(160px)rotate(45deg)scale(0)}}@keyframes land{0%{opacity:0;filter:blur(3px);transform:translate(-60px)translateY(30px)rotate(-50deg)scale(2)}to{opacity:1;filter:blur();transform:translate(0)translateY(0)rotate(0)}}.email-btn-wrapper .state--default .icon:before{content:"";background:linear-gradient(90deg,#0000,#00000080);width:0;height:2px;position:absolute;top:50%;left:-5px}.email-btn-wrapper .button:focus .state--default .icon:before{animation:.8s linear forwards contrail}@keyframes contrail{0%{opacity:1;width:0}8%{width:15px}60%{opacity:.7;width:80px}to{opacity:0;width:160px}}.email-btn-wrapper .state{z-index:2;padding-left:29px;display:flex;position:relative}.email-btn-wrapper .state--default span:nth-child(4){margin-right:5px}.email-btn-wrapper .state--sent{display:none}.email-btn-wrapper .state--sent svg{margin-right:8px;transform:scale(1.25)}.email-btn-wrapper .button:focus .state--default{position:absolute}.email-btn-wrapper .button:focus .state--sent{display:flex}.email-btn-wrapper .button:focus .state--sent span{opacity:0;animation:slideDown .8s ease forwards calc(var(--i)*.2s)}.email-btn-wrapper .button:focus .state--sent .icon svg{opacity:0;animation:1.2s .8s forwards appear}@keyframes appear{0%{opacity:0;color:var(--primary);filter:blur(4px);transform:scale(4)rotate(-40deg)}30%{opacity:1;filter:blur(1px);transform:scale(.6)}50%{opacity:1;filter:blur();transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}@media (max-width:768px){.nav-links{display:none}.collection-card{flex-direction:column;height:auto}.card-image-wrapper{aspect-ratio:4/3;width:100%}.contact-container{flex-direction:column;gap:3rem}}