:root{--bg: #030303;--card-bg: #0f0f0f;--card-border: rgba(255, 255, 255, .08);--text-main: #ffffff;--text-muted: #888888;--accent-gradient: linear-gradient(135deg, #fff 0%, #aaa 100%);--primary-gradient: linear-gradient(90deg, #333 0%, #000 100%);--font-stack: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text-main);font-family:var(--font-stack);overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased;cursor:none}section,footer{scroll-margin-top:0px}.hero{scroll-snap-align:start}.cursor-dot{width:6px;height:6px;background-color:#fff;position:fixed;top:0;left:0;transform:translate(-50%,-50%);border-radius:50%;z-index:9999;pointer-events:none}.cursor-outline{width:30px;height:30px;border:1px solid rgba(255,255,255,.5);position:fixed;top:0;left:0;transform:translate(-50%,-50%);border-radius:50%;z-index:9998;pointer-events:none;transition:width .2s,height .2s,background-color .2s}body:has(a:hover) .cursor-outline,body:has(button:hover) .cursor-outline,body:has(.project-card:hover) .cursor-outline{width:50px;height:50px;background-color:#ffffff1a;border-color:transparent}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.glow-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.glow-orb{position:absolute;width:800px;height:800px;background:radial-gradient(circle,#ffffff08,#0000 70%);border-radius:50%;filter:blur(100px)}#orb1{top:-300px;left:-200px;opacity:.5}#orb2{bottom:-300px;right:-200px;background:radial-gradient(circle,#6464ff0d,#0000 70%)}nav{display:flex;justify-content:space-between;align-items:center;padding:24px 5%;position:fixed;width:100%;top:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100;border-bottom:1px solid rgba(255,255,255,.05)}.logo{font-weight:800;font-size:1.2rem;letter-spacing:-.5px}.nav-links{display:flex;gap:40px}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--text-main)}.btn-primary{background:var(--text-main);color:#000;border:none;padding:14px 32px;border-radius:99px;font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .2s,background .2s}.btn-primary:hover{transform:translateY(-2px);background:#e0e0e0}.btn-primary.large{padding:18px 48px;font-size:1.1rem}.btn-secondary{background:transparent;color:var(--text-main);border:1px solid var(--card-border);padding:14px 32px;border-radius:99px;font-weight:600;font-size:.95rem;margin-left:16px;cursor:pointer;transition:.3s}.btn-secondary:hover{border-color:var(--text-muted)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:180px 20px 120px;position:relative;z-index:1;scroll-snap-align:start}.hero-content{max-width:1100px;animation:fadeIn 1s ease-out}.badge{display:inline-block;background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:10px 24px;border-radius:100px;font-size:.9rem;color:var(--text-muted);margin-bottom:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.5px}h1{font-size:clamp(3.5rem,8vw,7rem);line-height:1.05;font-weight:800;letter-spacing:-3px;margin-bottom:32px}.gradient-text{background:linear-gradient(120deg,#fff,#888,#fff);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 5s linear infinite}@keyframes shine{to{background-position:200% center}}.hero p{color:var(--text-muted);font-size:clamp(1.1rem,2vw,1.4rem);max-width:650px;margin:0 auto 48px;font-weight:400;line-height:1.6}.works{padding:120px 5%}.section-header{margin-bottom:80px;max-width:600px}.section-header h2{font-size:3rem;font-weight:700;margin-bottom:16px;letter-spacing:-1px}.section-header p{color:var(--text-muted);font-size:1.1rem}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:opacity .3s ease;padding:30px 0}.modal.open{display:block;opacity:1}.modal-content{margin:0 auto;width:90%;max-width:1000px;background:#f8f8fb;color:#111;border-radius:12px;padding:0;position:relative;transform:translateY(30px);transition:transform .4s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 50px #00000080}.modal.open .modal-content{transform:translateY(0)}.close-modal{color:#fff;position:fixed;top:20px;right:40px;font-size:32px;font-weight:300;cursor:pointer;z-index:1001;transition:transform .3s;background:#0000004d;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-modal:hover{transform:rotate(90deg);background:#00000080}body.modal-open{overflow:hidden;height:100vh}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .3s ease;padding:30px 0}.modal-content{margin:0 auto;width:92%;max-width:1000px;background:#fff;color:#111;border-radius:12px;padding:0;position:relative;transform:translateY(30px);transition:transform .4s cubic-bezier(.16,1,.3,1);box-shadow:0 30px 60px #0000004d}.close-modal{color:#fff;position:fixed;top:20px;right:40px;font-size:32px;font-weight:300;cursor:pointer;z-index:1001;transition:transform .3s;background:#0003;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-modal:hover{transform:rotate(90deg);background:#0006}.modal-header{padding:60px 60px 40px}.modal-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.modal-header h2{font-size:2.2rem;color:#0d0c22;font-weight:700;letter-spacing:-.5px}.modal-actions{display:flex;gap:12px;align-items:center}.btn-icon{width:44px;height:44px;border:1px solid #e7e7e9;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:.2s}.btn-icon:hover{border-color:#0d0c22;background:#f3f3f4}.btn-primary-small{background:#0d0c22;color:#fff;padding:12px 24px;border-radius:50px;text-decoration:none;font-weight:600;font-size:.9rem;transition:.2s}.btn-primary-small:hover{background:#4d4d4d}.user-row{display:flex;justify-content:space-between;align-items:center}.user-main{display:flex;gap:16px;align-items:flex-start}.user-avatar{width:48px;height:48px;background:#0d0c22;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem}.user-info-text{display:flex;flex-direction:column;gap:8px}.user-meta{display:flex;gap:12px;align-items:center}.u-name{font-weight:700;color:#0d0c22}.u-available{color:#3fa34d;font-weight:500;font-size:.9rem}.u-follow{color:#ea4c89;text-decoration:none;font-weight:600;font-size:.9rem}.user-links{display:flex;gap:15px;color:#6e6d7a;font-size:.85rem}.user-links .u-link{color:#6e6d7a;text-decoration:none;transition:color .2s}.user-links a.u-link:hover{color:#ea4c89;text-decoration:underline}.modal-gallery{padding:0;background:#f3f3f4;border-radius:0 0 12px 12px}.gallery-grid{display:flex;flex-direction:column;width:100%}.gallery-item{width:100%;padding:60px 80px}.gallery-item img{width:100%;height:auto;border-radius:8px;box-shadow:0 10px 40px #0000001a}@media(max-width:900px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.project-card{position:relative;cursor:pointer}.project-image{width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:12px;background:#111;position:relative;margin-bottom:24px}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-image img{transform:scale(1.05)}.project-info h3{font-size:1.8rem;margin-bottom:8px;font-weight:600}.project-info p{color:var(--text-muted);font-size:1rem}.cta-section{padding:160px 20px;text-align:center;background:radial-gradient(circle at center,rgba(255,255,255,.03) 0%,transparent 70%)}.cta-section h2{font-size:4rem;letter-spacing:-2px;margin-bottom:24px}.cta-section p{color:var(--text-muted);font-size:1.25rem;margin-bottom:48px}footer{border-top:1px solid var(--card-border);padding:60px 5%}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-brand{font-weight:700;font-size:1.2rem}.footer-copy{color:var(--text-muted);font-size:.9rem}.about-section{padding:120px 5%;background:linear-gradient(180deg,#ffffff03,#1e1e284d);position:relative;overflow:hidden}.about-section:before{content:"";position:absolute;top:50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(100,100,255,.05) 0%,transparent 70%);transform:translateY(-50%);pointer-events:none;z-index:0}.about-content{max-width:900px;margin:0 auto;position:relative;z-index:1}.about-text{border-left:2px solid;border-image:linear-gradient(to bottom,rgba(255,255,255,.5),transparent) 1;padding-left:40px}.about-text p{color:var(--text-muted);font-size:1.4rem;line-height:1.8;margin-bottom:24px}.about-text strong{color:var(--text-main);font-weight:600}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px;padding-top:40px;border-top:1px solid var(--card-border)}.stat-item{text-align:center;padding:20px;border-radius:16px;transition:background .3s,transform .3s}.stat-item:hover{background:#ffffff08;transform:translateY(-5px)}.stat-number{display:block;font-size:3.5rem;font-weight:800;margin-bottom:10px;background:linear-gradient(135deg,#fff,#888);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:500}@media(max-width:768px){.about-stats{grid-template-columns:1fr;gap:30px}}.skills-section{padding:120px 5%}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}.skill-category{background:var(--card-bg);border:1px solid var(--card-border);padding:40px;border-radius:20px;transition:.3s}.skill-category:hover{border-color:#ffffff4d;transform:translateY(-5px)}.skill-category h3{font-size:1.5rem;margin-bottom:24px;color:var(--text-main)}.skill-category ul{list-style:none}.skill-category li{color:var(--text-muted);font-size:1.1rem;margin-bottom:12px;padding-left:16px;position:relative}.skill-category li:before{content:"•";position:absolute;left:0;color:#fff;font-size:1.2rem;line-height:1.2}.contact-methods{display:flex;justify-content:center;gap:40px;margin-top:40px;flex-wrap:wrap}.contact-item{display:flex;flex-direction:column;align-items:center}.contact-item span{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:8px}.contact-item a{color:var(--text-main);font-size:1.2rem;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:2px;transition:.3s}.contact-item a:hover{border-color:#fff}@media(max-width:1024px){h1{font-size:4rem}.projects-grid,.skills-grid{gap:20px}}@media(max-width:768px){h1{font-size:3rem}.projects-grid,.skills-grid{grid-template-columns:1fr}nav{padding:20px}.nav-links{display:none}.hero{padding-top:120px;height:auto;min-height:90vh}.cta-section h2{font-size:2.5rem}.contact-methods{flex-direction:column;gap:30px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up-element{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.visible{opacity:1;transform:translateY(0)}