:root{--bg:#0b0c10;--bg-secondary:#12141a;--text:#f0f0f0;--text-muted:#a0a0a0;--accent:#ff80ab;--accent-glow:#ff80ab66;background-color:var(--bg);color:var(--text);cursor:none;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}body{min-height:100vh;margin:0;padding:0}*{box-sizing:border-box}a,button{cursor:none}.glass-panel{-webkit-backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s ease-out forwards fadeIn}.global-nav{z-index:100;pointer-events:auto;background:linear-gradient(#0b0c10e6 0%,#0000 100%);justify-content:space-between;align-items:center;width:100%;padding:2.5rem 5%;display:flex;position:fixed;top:0;left:0}.nav-link{color:var(--accent);letter-spacing:4px;text-shadow:0 0 15px var(--accent-glow);text-transform:uppercase;font-size:1.3rem;font-weight:900;text-decoration:none;transition:color .3s,text-shadow .3s,transform .3s}.nav-link:hover{color:#fff;text-shadow:0 0 25px #fff;transform:scale(1.05)}@media (width<=900px){.global-nav{padding:1.5rem 2rem}.nav-link{letter-spacing:2px;font-size:.9rem}}@media (width<=450px){.global-nav{padding:1.2rem 1rem}.nav-link{letter-spacing:1px;font-size:.75rem}}.cursor-container{pointer-events:none;z-index:9999;width:100vw;height:100vh;position:fixed;top:0;left:0}.cursor-char{color:var(--accent);letter-spacing:2px;text-shadow:0 0 10px var(--accent-glow);pointer-events:none;font-size:1.5rem;font-weight:800;transition:transform .1s linear,opacity .1s linear;position:absolute}.landing-page-wrap{background-color:var(--bg);width:100%;min-height:100vh;overflow-x:hidden}.hero-section{justify-content:space-between;align-items:center;gap:2rem;width:100%;min-height:100vh;padding:120px 8% 2rem;display:flex;position:relative}@media (width<=1100px){.hero-section{text-align:center;flex-direction:column;justify-content:center;padding-top:150px}}.hero-typography{z-index:10;flex-direction:column;flex:1;justify-content:center;display:flex}.hero-first,.hero-last{text-transform:uppercase;letter-spacing:-1px;color:var(--text);text-shadow:0 0 30px #ffffff1a;margin:0;font-size:clamp(3.5rem,7vw,7rem);font-weight:900;line-height:.9}.hero-last{color:#0000;-webkit-text-stroke:3px var(--accent)}.hero-middle{color:var(--accent);text-shadow:0 0 20px var(--accent-glow);margin:-15px 0 -15px 40px;font-family:serif;font-size:clamp(3rem,5vw,5rem);font-style:italic;font-weight:800}@media (width<=1100px){.hero-middle{margin:5px 0}}.hero-bio-box{margin-top:2.5rem;padding-left:10px}@media (width<=1100px){.hero-bio-box{padding-left:0}}.hero-bio-title{color:var(--accent);text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 15px var(--accent-glow);margin:0 0 1rem;font-size:1.5rem;font-weight:800}.hero-bio-text{color:var(--text-muted);max-width:600px;margin-bottom:2.5rem;font-size:1.2rem;font-weight:400;line-height:1.8}.resume-btn{color:var(--text);letter-spacing:2px;-webkit-backdrop-filter:blur(10px);cursor:none;background:#ffffff08;border:1px solid #ffffff1a;border-radius:50px;padding:15px 35px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.23,1,.32,1);display:inline-block;position:relative;overflow:hidden;box-shadow:0 0 20px #0000004d}.resume-btn span{z-index:2;position:relative}.resume-btn:before{content:"";background:linear-gradient(45deg, var(--accent), var(--accent-glow));opacity:0;z-index:1;width:100%;height:100%;transition:all .4s cubic-bezier(.23,1,.32,1);position:absolute;top:0;left:0}.resume-btn:hover{box-shadow:0 10px 30px var(--accent-glow);color:#111;border-color:#0000;transform:translateY(-2px)}.resume-btn:hover:before{opacity:1}.resume-btn:active{transform:translateY(1px)}@media (width<=1100px){.hero-bio-text{margin:0 auto}}.hero-avatar-container{z-index:5;flex:1;width:100%;height:80vh;min-height:400px;position:relative}@media (width<=768px){.hero-section{padding-top:15vh}.hero-first,.hero-last{font-size:clamp(2.5rem,12vw,4.5rem)}.hero-bio-title{font-size:1.2rem}.hero-bio-text{font-size:.95rem}.hero-avatar-container{height:45vh;min-height:350px}}.works-wrapper{background-color:var(--bg);min-height:100vh;position:relative}.works-bg-blur{filter:blur(40px)saturate(.5);z-index:0;background-position:50%;background-size:cover;position:fixed;inset:-80px}.works-bg-overlay{mix-blend-mode:multiply;z-index:1;background:#0b0c10bf;position:fixed;inset:0}.works-content{z-index:10;flex-direction:column;align-items:center;padding:15vh 2rem 4rem;display:flex;position:relative}.works-header{text-align:center;margin-bottom:2rem}.category-filters{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem;display:flex}.category-btn{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:999px;padding:.8rem 2rem;font-size:.9rem;transition:all .3s}.category-btn:hover{border-color:var(--accent);color:var(--accent);background:#ff80ab1a}.category-btn.active{background:var(--accent);color:#0b0c10;border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow);font-weight:800}.works-scroll-list{flex-direction:column;gap:20vh;width:100%;max-width:900px;margin-top:8vh;padding-bottom:20vh;display:flex}.work-card-container{justify-content:center;align-items:center;width:100%;min-height:70vh;display:flex}.work-card-content{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);text-align:center;width:100%;transform-style:preserve-3d;border-radius:24px;flex-direction:column;align-items:center;padding:3rem;transition:all .5s;display:flex;background:#0f0f1499!important;border:1px solid #ff80ab33!important}.work-card-content:hover{box-shadow:0 20px 60px #ff80ab33;border-color:var(--accent)!important}.work-headline{background:linear-gradient(135deg, #fff, var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:2.8rem;font-weight:800}.work-category{color:var(--accent);letter-spacing:3px;text-transform:uppercase;margin:0 0 2rem;font-size:1.1rem;font-style:italic}.work-card-image-wrap{border:1px solid #ffffff0d;border-radius:16px;width:100%;margin-bottom:2.5rem;overflow:hidden;box-shadow:0 20px 50px #0009}.work-card-image{object-fit:contain;background-color:#0000004d;border-radius:12px;width:100%;height:auto;max-height:65vh;margin:0 auto;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);display:block}.work-card-content:hover .work-card-image{transform:scale(1.08)}.work-bio{color:var(--text-muted);max-width:85%;margin:0 0 3rem;font-size:1.2rem;line-height:1.8}.view-btn{background:var(--accent);color:#0b0c10;text-transform:uppercase;letter-spacing:3px;border-radius:999px;padding:1.2rem 3rem;font-size:1.1rem;font-weight:800;text-decoration:none;transition:all .3s}.view-btn:hover{box-shadow:0 0 30px var(--accent-glow);background:#fff;transform:translateY(-5px)}.lightbox-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:99999;cursor:zoom-out;background:#0b0c10f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-image{object-fit:contain;cursor:default;border-radius:12px;max-width:95vw;max-height:95vh;box-shadow:0 0 50px #ff80ab33}.lightbox-close{color:var(--accent);border:2px solid var(--accent);cursor:pointer;z-index:100000;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;font-weight:800;transition:all .3s;display:flex;position:absolute;top:30px;right:40px}.lightbox-close:hover{background:var(--accent);color:#0b0c10;box-shadow:0 0 20px var(--accent-glow);transform:scale(1.1)}.image-hover-overlay{opacity:0;color:#fff;text-transform:uppercase;letter-spacing:4px;pointer-events:none;z-index:10;background:#ff80ab33;border-radius:16px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:800;transition:opacity .3s;display:flex;position:absolute;inset:0}.work-card-image-wrap{cursor:zoom-in;width:100%;position:relative}.work-card-image-wrap:hover .image-hover-overlay{opacity:1}@media (width<=900px){.works-content{padding:15vh 1rem 4rem}.works-header .title-text{font-size:2.8rem!important}.works-scroll-list{gap:10vh}.work-card-content{padding:1.5rem}.work-headline{font-size:1.8rem}.work-bio{font-size:1rem}.category-btn{padding:.6rem 1.2rem;font-size:.8rem}.work-card-container{min-height:auto}.work-card-image{max-height:50vh}}.monalisa-bg{filter:blur(25px)brightness(.25);z-index:0;pointer-events:none;background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/e/ec/Mona_Lisa%2C_by_Leonardo_da_Vinci%2C_from_C2RMF_retouched.jpg/800px-Mona_Lisa%2C_by_Leonardo_da_Vinci%2C_from_C2RMF_retouched.jpg);background-position:50%;background-size:cover;position:fixed;inset:-20px}.links-container{z-index:10;background-color:#0000;justify-content:center;align-items:center;min-height:100vh;padding:100px 2rem 4rem;display:flex;position:relative}.links-box{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0b0c1099;flex-direction:column;align-items:center;width:100%;max-width:450px;padding:3rem 2.5rem;display:flex}.links-avatar{object-fit:cover;border:4px solid var(--accent);width:130px;height:130px;box-shadow:0 0 30px var(--accent-glow);border-radius:50%;margin-bottom:1.5rem}.links-title{color:var(--text);background:linear-gradient(135deg, #fff, var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:2rem;font-weight:800}.links-bio{color:var(--text-muted);margin:0 0 2.5rem;font-size:1.1rem}.links-list{flex-direction:column;gap:1.2rem;width:100%;display:flex}.link-item{color:var(--text);background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;justify-content:center;align-items:center;gap:1rem;padding:1.2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.link-item:hover{background:var(--accent-glow);border-color:var(--accent);color:var(--accent);box-shadow:0 0 20px #ff80ab26}.contact-container{background-color:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:100px 2rem 4rem;display:flex}.contact-card{width:100%;max-width:600px;padding:3rem}.contact-title{background:linear-gradient(135deg, var(--accent), #fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:2.5rem;font-weight:800}.contact-subtitle{color:var(--text-muted);margin:0 0 2.5rem;font-size:1.1rem}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.6rem;display:flex}.form-group label{color:var(--text);text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:600}.form-input{width:100%;color:var(--text);background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;padding:1rem 1.2rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-input:focus{border-color:var(--accent);background:#45f3ff0d;outline:none;box-shadow:0 0 15px #45f3ff26}.form-input::placeholder{color:#fff3}.submit-btn{background:var(--accent);color:#000;text-transform:uppercase;letter-spacing:3px;border:none;border-radius:12px;margin-top:1rem;padding:1.2rem;font-size:1.1rem;font-weight:800;transition:all .3s}.submit-btn:hover{background:#fff;box-shadow:0 0 25px #45f3ff66}.notfound-container{background-color:var(--bg);justify-content:center;align-items:center;width:100%;height:100vh;padding:2rem;display:flex;overflow:hidden}.notfound-content{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;width:100%;max-width:600px;padding:4rem}.glitch-text{color:var(--accent);text-shadow:0 0 30px var(--accent-glow);margin:0;font-size:clamp(6rem,15vw,10rem);font-weight:900;line-height:1;position:relative}.notfound-content h2{color:var(--text);margin-top:1rem;font-size:2rem}.notfound-content p{color:var(--text-muted);margin-bottom:3rem;font-size:1.2rem}.home-btn{color:var(--text);letter-spacing:2px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0;border:1px solid #ffffff1a;border-radius:50px;padding:15px 35px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .4s;display:inline-block;position:relative;overflow:hidden}.home-btn span{z-index:2;position:relative}.home-btn:before{content:"";background:linear-gradient(45deg, var(--accent), var(--accent-glow));opacity:0;z-index:1;width:100%;height:100%;transition:all .4s;position:absolute;top:0;left:0}.home-btn:hover{box-shadow:0 10px 30px var(--accent-glow);color:#111;border-color:#0000;transform:translateY(-2px)}.home-btn:hover:before{opacity:1}