body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(ellipse at 20% 20%,rgba(63,94,251,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(255,0,128,.1) 0%,transparent 50%),radial-gradient(ellipse at 40% 40%,rgba(255,255,0,.05) 0%,transparent 50%),linear-gradient(135deg,#000428,#004e92);color:#fff;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(white,rgba(255,255,255,.2) 2px,transparent 4px),radial-gradient(white,rgba(255,255,255,.15) 1px,transparent 3px),radial-gradient(white,rgba(255,255,255,.1) 2px,transparent 4px);background-size:550px 550px,350px 350px,250px 250px;background-position:0 0,40px 60px,130px 270px;z-index:-1;animation:twinkle 8s infinite alternate}@keyframes twinkle{0%,to{opacity:.8}50%{opacity:1}}body:after{content:"";position:fixed;top:0;left:0;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(100,149,237,.2) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,105,180,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(173,216,230,.1) 0%,transparent 50%);animation:nebulaMove 20s infinite linear;z-index:-1}@keyframes nebulaMove{0%{transform:translate(0)}to{transform:translate(-50%,-50%)}}html{scroll-behavior:smooth}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#111111f2;border-bottom:1px solid #333;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000;transition:all .3s ease}.logo{font-weight:700;font-size:24px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links a{margin-left:30px;text-decoration:none;color:#ccc;position:relative;padding:8px 0;transition:color .3s ease}.nav-links a:hover{color:#fff}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);transition:width .3s ease}.nav-links a:hover:after{width:100%}.page-transition{position:relative}.page-transition.fadeIn{animation:fadeInUp .6s cubic-bezier(.25,.46,.45,.94) forwards}.page-transition.fadeOut{animation:fadeOutDown .4s cubic-bezier(.55,.085,.68,.53) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(30px)}}.gallery-page{padding:40px;min-height:100vh;position:relative;overflow:hidden}.futuristic-header{position:relative;margin-bottom:60px;text-align:center;padding:40px 0}.futuristic-title{margin-bottom:20px;font-size:4rem;font-weight:800;background:linear-gradient(45deg,#0ff,#f0f,#ff0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;text-shadow:0 0 30px rgba(0,255,255,.5);position:relative;z-index:2}.scan-line{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#00ffff,transparent);animation:scan 3s linear infinite;z-index:1}.holographic-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#00ffff1a,#ff00ff1a,#ffff001a);opacity:.3;z-index:1;pointer-events:none}@keyframes scan{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100%);opacity:0}}.title{margin-bottom:30px;font-size:3rem;font-weight:700;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.futuristic-card{cursor:pointer;overflow:hidden;border-radius:16px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;justify-content:center;min-height:200px}.card-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#00ffff1a,#ff00ff1a,#ffff001a);opacity:0;transition:opacity .4s ease;border-radius:16px}.futuristic-card:hover .card-glow{opacity:.3}.art-card{cursor:pointer;overflow:hidden;border-radius:16px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;justify-content:center;min-height:200px}.art-card img{width:auto;max-width:100%;height:auto;max-height:400px;display:block;transition:transform .6s cubic-bezier(.25,.46,.45,.94);object-fit:contain}.art-card:hover{transform:translateY(-15px) scale(1.05);box-shadow:0 20px 40px #0006;border-color:#ffffff4d}.art-card:hover img{transform:scale(1.1)}.art-card.scroll-in{opacity:1;transform:translateY(0) scale(1)}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;justify-content:center;align-items:center;z-index:2000;animation:lightboxEnter .4s cubic-bezier(.25,.46,.45,.94) forwards;overscroll-behavior:contain;touch-action:none}@keyframes lightboxEnter{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.lightbox-content{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.image-container{display:flex;justify-content:center;align-items:center;max-width:90vw;max-height:90vh;position:relative}.lightbox img{max-width:90vw;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 25px 50px #00000080;animation:imageZoom .5s cubic-bezier(.25,.46,.45,.94) forwards;transition:transform .3s ease;cursor:grab}.lightbox img:active{cursor:grabbing}@keyframes imageZoom{0%{opacity:0}to{opacity:1}}.lightbox-controls{position:fixed;left:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;background:#000000d9;padding:15px 12px;border-radius:25px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);z-index:100;box-shadow:0 10px 30px #00000080}.zoom-btn,.rotate-btn,.reset-btn,.close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;width:40px;height:40px;border-radius:50%;font-size:18px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.zoom-btn:hover,.rotate-btn:hover,.reset-btn:hover,.close-btn:hover{background:#fff3;transform:scale(1.1);box-shadow:0 0 15px #00ffff80}.zoom-btn:active,.rotate-btn:active,.reset-btn:active,.close-btn:active{transform:scale(.95)}.zoom-btn{background:#64ff644d;border-color:#64ff6480}.zoom-btn:hover{background:#64ff6480;box-shadow:0 0 15px #64ff6480}.close-btn{background:#ff64644d;border-color:#ff646480}.close-btn:hover{background:#ff646480;box-shadow:0 0 15px #ff646480}.bio-page{display:flex;gap:50px;padding:80px 40px;max-width:1000px;margin:auto;min-height:100vh;align-items:center}.profile-img{width:300px;border-radius:20px;box-shadow:0 20px 40px #0006;transition:transform .6s ease;opacity:0;transform:translate(-50px);animation:slideInLeft .8s ease forwards .3s}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}.bio-text{max-width:500px;opacity:0;transform:translate(50px);animation:slideInRight .8s ease forwards .5s}@keyframes slideInRight{to{opacity:1;transform:translate(0)}}.bio-text h1{font-size:3rem;font-weight:700;margin-bottom:20px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bio-text p{font-size:1.1rem;line-height:1.6;margin-bottom:20px;color:#ccc}.scroll-reveal{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.lightbox-layout{display:flex;width:90vw;height:90vh;gap:40px;align-items:center;justify-content:center}.lightbox-side-panel{display:flex;flex-direction:column;gap:20px;width:300px;max-height:90vh;overflow-y:auto}.metadata-panel{width:100%;background:#000000d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:30px;box-shadow:0 20px 40px #00000080;animation:slideInRight .5s cubic-bezier(.25,.46,.45,.94) forwards}.text-panel{width:100%;background:#000000d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:30px;box-shadow:0 20px 40px #00000080;animation:slideInRight .5s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.1s;opacity:0;animation-fill-mode:forwards;overflow-x:hidden}.text-content{display:flex;flex-direction:column;gap:15px}.text-title{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(45deg,#0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.text-body{font-size:1rem;line-height:1.6;color:#ccc;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-height:300px;overflow-y:auto;padding-right:10px;width:100%;box-sizing:border-box}.text-body::-webkit-scrollbar{width:6px}.text-body::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.text-body::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.text-body::-webkit-scrollbar-thumb:hover{background:#ffffff80}.metadata-content{display:flex;flex-direction:column;gap:20px}.metadata-title{margin:0;font-size:2rem;font-weight:700;background:linear-gradient(45deg,#0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.metadata-details{display:flex;flex-direction:column;gap:15px}.metadata-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.metadata-label{font-weight:600;color:#aaa;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.metadata-value{font-weight:500;color:#fff;font-size:1.1rem}@media(max-width:768px){.bio-page{flex-direction:column;text-align:center;padding:40px 20px}.profile-img{width:200px;margin:0 auto}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.art-card{min-height:150px}.art-card img{max-height:300px}.title,.bio-text h1{font-size:2rem}.lightbox-layout{flex-direction:column;width:95vw;height:95vh;gap:20px}.lightbox-side-panel{width:90%;max-height:40vh;overflow-y:auto}.metadata-panel,.text-panel{width:100%;padding:20px}.metadata-title{font-size:1.5rem}.text-title{font-size:1.3rem}.text-body{max-height:200px}}