@font-face{font-family:Anklada;src:url(/assets/Anklada%20Novaz%20regular-yfDvAcRM.ttf)format("truetype")}@font-face{font-family:AntonioZull;src:url(/assets/AntonioZull-Brush-BZTEY0j1.ttf)format("truetype")}@font-face{font-family:BMSPA;src:url(/assets/BMSPA___-8j0MoF3V.TTF)format("truetype")}@font-face{font-family:Cubic;src:url(/assets/cubic-B5MAaVod.ttf)format("truetype")}@font-face{font-family:DopeDisplay;src:url(/assets/DopeDisplay-Bold-DyVSJ_y4.ttf)format("opentype")}@font-face{font-family:Ethnocentric;src:url(/assets/Ethnocentric-Regular-CUdhI-Bb.otf)format("opentype")}@font-face{font-family:KGPrimary;src:url(/assets/KGPrimaryDotsLined-BMOoIamE.ttf)format("truetype")}@font-face{font-family:KGPrimaryNoSpace;src:url(/assets/KGPrimaryDotsLinedNOSPACE-9GSy-CSQ.ttf)format("truetype")}@font-face{font-family:UMGambyr;src:url(/assets/um-gambyr-bold-DQm1_Wsp.otf)format("opentype")}:root{--color-primary:#f0f4f8;--color-sacondry:#3f4e4f;--color-accent:#a1d0e2;--color-highlight:red;--color-highlight-rgb:255, 0, 0;--color-background:#1b2631;--color-accent-rgb:0, 255, 180;--color-secondaryback:#d9e4e0;color:var(--color-primary);background-color:var(--color-background);--font-anklada:"Anklada", sans-serif;--font-antoniozull:"AntonioZull", sans-serif;--font-cubic:"Cubic", sans-serif;--font-dope:"DopeDisplay", sans-serif;--font-ethnocentric:"Ethnocentric", sans-serif;--font-kgprimary:"KGPrimary", sans-serif;--font-kgprimarynospace:"KGPrimaryNoSpace", sans-serif;--font-umgambyr:"UMGambyr", sans-serif;--font-bmspa:"BMSPA", sans-serif;font:62.5%/1.6 Anklada,sans-serif}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}*{box-sizing:border-box;cursor:context-menu;margin:0;padding:0;text-decoration:none}html,body{box-sizing:border-box;scroll-behavior:smooth;width:100dvw;height:100dvh;font-size:62.5%}#root{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow-x:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{flex-direction:column;justify-content:center;align-items:center;gap:10rem;min-height:100dvh;padding:2rem 1rem 120px;display:flex;position:relative;overflow:hidden}a{cursor:pointer}.background-video{object-fit:cover;z-index:-2;filter:brightness(.5)contrast(1.5)saturate(2);width:100%;height:100%;transition:filter .6s;position:fixed;top:0;left:0}.background-overlay{z-index:-1;pointer-events:none;background:radial-gradient(circle,#1b263199 40%,#1b2631f2 90%);position:fixed;inset:0}.logo{border:4px solid var(--color-highlight);background:linear-gradient(var(--color-primary)) padding-box, conic-gradient(from var(--angle), transparent 20%, var(--color-primary), var(--color-highlight), var(--color-primary), transparent 80%) border-box;border:4px solid #0000;border-image:initial;border-radius:50%;gap:.7rem;width:22vmin;height:22vmin;margin:2rem 0 1.5rem;transition:transform .4s,box-shadow .4s;animation:2s linear infinite rotate-border}@keyframes rotate-border{to{--angle:360deg}}.logo:hover{transform:scale(1.01)rotate(-8deg)}.intro{font-family:var(--font-ethnocentric);text-align:left;color:var(--color-primary);text-shadow:0 4px 20px #0009;margin-bottom:1rem;font-size:clamp(2.8rem,6vw,5.5rem);line-height:1.05}.intro .part2{text-align:left;width:100%;margin-bottom:2rem;line-height:clamp(3.4rem,2vw,2.2rem)}.intro .part1{text-align:center;margin-bottom:4vmax}.intro .part2{opacity:.95;border-left:1px solid var(--color-highlight);background:rgba(#0000000e);-webkit-backdrop-filter:blur(8px);margin-top:.8rem;padding-left:1vmax;font-family:system-ui,-apple-system,sans-serif;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:400}.highlight{color:var(--color-highlight);font-family:var(--font-antoniozull);word-wrap:normal;white-space:nowrap;font-weight:700;position:relative}.highlight:after{content:"";background:linear-gradient(90deg, transparent, var(--color-highlight), transparent);width:100%;height:3px;position:absolute;bottom:-4px;left:0}.name:after{background:linear-gradient(90deg, transparent, var(--color-primary), transparent)}.doamin{font-family:var(--font-antoniozull);color:var(--color-background);background-color:var(--color-primary);aspect-ratio:1/2;box-shadow:none;text-shadow:none;border-radius:10px;margin:0;padding:3px 10px;line-height:1}.doamin:after{display:none}.cta-tomainpage{z-index:10;flex-direction:column;align-items:center;gap:1rem;width:90%;max-width:520px;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.info{font-family:var(--font-bmspa);letter-spacing:4px;color:var(--color-primary);text-shadow:0 2px 10px #00000080;align-items:center;gap:1.2rem;font-size:1.05rem;font-weight:900;display:flex}.info span{background:linear-gradient(90deg,red,#a1d0e2,red) 0 0/200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;border-radius:6px;padding:4px 12px;animation:3s linear infinite shine}.cta{font-family:var(--font-ethnocentric);color:var(--color-primary);border:2px solid var(--color-highlight);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1b263199;border-radius:50px;align-items:center;gap:12px;padding:14px 36px;font-size:1.25rem;text-decoration:none;transition:all .3s;display:flex}.cta:hover{background:var(--color-highlight);color:var(--color-secondaryback);box-shadow:0 4px 12px var(--color-highlight), 4px 0 12px var(--color-highlight);transform:translateY(-3px)}.cta i{transition:transform .3s}.cta:hover i{transform:translateY(-3px)}@keyframes shine{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=768px){.logo{width:28vmin;height:28vmin;margin:1.5rem 0}.intro{font-size:clamp(2.4rem,9vw,4.2rem)}.intro .part2{font-size:clamp(1.2rem,4.5vw,1.8rem)}.hobby{font-size:clamp(1.1rem,4vw,1.6rem)}.cta-tomainpage{width:92%;bottom:1.5rem}.info{gap:.8rem;font-size:.95rem}}.navbar{-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);z-index:9999;background:linear-gradient(#0a0a0a) padding-box, conic-gradient(from var(--angle), transparent 20%, #f74747, white, #ff5c5c, transparent 80%) border-box;border:2px solid #0000;border-image:initial;border-radius:20px;justify-content:space-between;place-items:center;gap:.7rem;width:fit-content;height:60px;padding:10px;animation:2s linear infinite rotate-border;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.navbar .nav-item,.navbar .nav-item:visited,.navbar .nav-item:link{cursor:pointer;border-radius:14px;justify-content:center;place-items:center;height:40px;padding:12px 22px;font-family:Arial,Helvetica,sans-serif;font-size:.8vmax;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.nav-item{color:var(--color-primary)}.nav-item:hover{color:var(--color-secondaryback);background:#0000003d;transform:scale(.9)}.nav-item:before{content:"";background:linear-gradient(120deg,#0000,#d4d4d462,#0000);width:100%;height:100%;transition:all .7s;position:absolute;top:0;left:-120%}.nav-item:hover:before{left:120%}.nav-item.active{color:var(--color-background);background:var(--color-primary)}@media (width<=720px){.navbar .nav-item,.navbar .nav-item:visited,.navbar .nav-item:link{font-size:1vmax}}.mainpage{background-position:50%;background-repeat:no-repeat;background-size:110% 110%;width:100%;height:100%}.main-section{background-color:var(--color-background);width:100%;min-width:100%;color:var(--color-primary);font-family:var(--font-anklada,"Anklada"), system-ui, sans-serif;line-height:1.65;overflow-x:hidden}.about-top{background:radial-gradient(circle at 20% 20%,#2563eb55,#0000 40%),radial-gradient(circle at 80% 30%,#8b5cf655,#0000 40%),radial-gradient(circle at 50% 80%,#06b6d455,#0000 40%);flex-direction:column;justify-content:center;place-items:center;gap:30px;height:calc(100dvh - 145px);display:flex}.scroll-icon{justify-content:center;place-items:center;height:137px;display:flex}.about-label{letter-spacing:6px;color:var(--color-accent);text-transform:uppercase;font-size:1rem;font-weight:500;position:absolute;top:100px;left:50%;transform:translate(-50%)}.about-welcome{justify-content:center;align-items:center}.about-top .about-image{border:7px solid var(--color-primary);border-top:none;border-radius:50%;width:30vh;height:30vh;overflow:hidden}.about-top .about-image img{object-fit:cover;object-position:100% 15%;width:100%;height:100%;transition:all .2s ease-in-out}.about-top .about-image img:hover{transform:scale(1.1)}.about-top h1{letter-spacing:-4px;margin-bottom:20px;font-size:clamp(4rem,10vw,8rem);font-weight:700;line-height:.95}.about-top h1 span{background:linear-gradient(90deg, var(--color-accent), #fff, var(--color-highlight));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.about-top p{opacity:.92;max-width:620px;font-size:1.35rem;font-weight:300}.scroll-icon .scroll-indicator small{opacity:1}.about-story,.focus-section,.about-cards,.stats-section,.vision-section{max-width:1280px;margin:0 auto;padding:90px 5% 70px}.about-story{background:repeating-linear-gradient(45deg, #a1cfe246 0 1px, var(--color-background) 1px 20px);border-radius:0 0 15px 15px;margin-top:30px;font-size:clamp(2rem,1.5vw,4rem)}.about-story h2 .context{color:var(--color-accent);border-bottom:1px solid var(--color-highlight);border-radius:15px;padding:2px 3px;font-size:clamp(3.5rem,5vw,4rem)}.about-story p{color:var(--color-primary);background-color:#4f646d10;margin:3% 0 0;padding:0 1.5%;font-size:2rem}.about-story p .important-keyword{color:var(--color-accent)}.about-story p .important-keyword-h{color:red}.about-story .emphasize{border-right:2px solid;width:fit-content;margin-bottom:-2%;font-size:2rem}.ctas{justify-content:center;place-items:center;gap:10px;width:100%;margin-top:30px;font-size:1rem;display:flex}.ctas .btn-secondary{background:linear-gradient(#1b2631) padding-box, conic-gradient(from var(--angle), transparent 20%, #a1d0e2, white, #a1d0e2, transparent 80%) border-box;border:2px solid #0000;border-image:initial;animation:2s linear infinite rotate-border}.about-cards{background:repeating-linear-gradient(169deg, #a1cfe246 0 1px, var(--color-background) 1px 10px);perspective:1200px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:30px;padding:70px 8%;display:grid}.about-card{transform-style:preserve-3d;background:linear-gradient(90deg,#1b263163,#1b2631,#1b263163);border:1px solid #a1d0e233;border-radius:20px;padding:42px 36px;transition:transform .5s,box-shadow .5s}.about-card:hover{border-color:var(--color-accent);background:linear-gradient(90deg,#1b2631ab,#1b2631,#1b2631ab);transform:translateY(-15px)rotateX(8deg)rotateY(-4deg)scale(1.03);box-shadow:0 10px 20px #00000079,0 25px 50px #0000006b,0 40px 80px #00000071,0 0 40px #a1cfe250}.about-card:first-child:hover{transform:translateY(-15px)rotateX(-12deg)rotateY(12deg)scale(1.03)}.about-card:nth-child(2):hover{transform:translateY(-15px)rotateX(-12deg)rotateY(-12deg)scale(1.03)}.about-card:nth-child(3):hover{transform:translateY(-15px)rotateX(12deg)rotateY(12deg)scale(1.03)}.about-card:nth-child(4):hover{transform:translateY(-15px)rotateX(12deg)rotateY(-12deg)scale(1.03)}.about-card h3{color:var(--color-accent);margin-bottom:14px;font-size:1.8rem}.about-card p{opacity:.85;font-size:1.3rem}.focus-section{text-align:center;background:linear-gradient(90deg,#0000,#222d3f,#0000);background:repeating-linear-gradient(180deg, #1b263100 0 1px, var(--color-background) 1px 25px), repeating-linear-gradient(135deg, #ffffff46 0 1px, var(--color-background) 1px 10px)}.focus-section h2{font-family:var(--font-bmspa);letter-spacing:5px;margin-bottom:48px;font-size:3.2rem}.focus-grid{flex-wrap:wrap;justify-content:center;gap:18px;max-width:1100px;margin:0 auto;display:flex}.focus-grid span{background:var(--color-background);white-space:nowrap;border:1px solid #a1d0e24d;border-radius:60px;padding:16px 32px;font-size:1.15rem;transition:all .4s}.focus-grid span:hover{background:var(--color-accent);color:var(--color-background);transform:scale(1.08)}.dkumarjaj-hobbies-section h2{font-family:var(--font-Anklada);font-size:8rem}.dkumarjaj-hobbies span{background-color:var(--color-primary);color:var(--color-background);font-family:var(--font-umgambyr);font-size:1.2rem}.skill-section{background:repeating-linear-gradient(169deg, #a1cfe246 0 1px, var(--color-background) 1px 10px)}.skill-grid{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.skill-grid span{color:var(--color-primary);border:1px solid var(--color-primary);background-color:#3f4e4f}.tech-skill-section{background:repeating-linear-gradient(169deg, #b1d3e285 0 1px, var(--color-background) 1px 10px);margin-top:2px}:is(.skill-section,.tech-skill-section) h2{font-family:var(--font-cubic)}.tech-skill-section .others{background-color:var(--color-primary);color:var(--color-background);border:1px solid var(--color-background);font-size:1.3rem}.stats-section{background:var(--color-background);text-align:center;grid-template-columns:repeat(auto-fit,minmax(20%,1fr));gap:50px;padding:80px 8%;display:grid}.mainpage .main-section .stats-section .stat h3{font-family:var(--font-ethnocentric)}.stat h3{background:linear-gradient(90deg, var(--color-accent), #fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:3rem;font-weight:700;line-height:1}.stat p{opacity:.75;text-transform:uppercase;letter-spacing:1px;font-size:1.1rem}.vision-section{text-align:center;background:linear-gradient(90deg,#0000,#222d3f,#0000);background:repeating-linear-gradient(180deg, #1b263100 0 1px, var(--color-background) 1px 25px), repeating-linear-gradient(135deg, #ffffff46 0 1px, var(--color-background) 1px 10px);background-size:120px 120px,180px 180px,150px 150px,cover,cover;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:120px 8%;display:flex;position:relative;overflow:hidden}.vision-section h2{letter-spacing:-1px;background:linear-gradient(90deg,#fff,#a1cfe2,red);color:#0000;text-shadow:0 0 20px #a1d0e226;-webkit-background-clip:text;margin:0;font-size:clamp(3rem,7vw,5rem);font-weight:800}.vision-section p{text-align:center;color:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #0812161a;border-radius:24px;max-width:850px;padding:30px;font-size:clamp(1.2rem,2vw,1.7rem);line-height:1.8;box-shadow:0 10px 40px #0003}.vision-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f626,#0000 70%);width:500px;height:500px;position:absolute;top:-150px;right:-150px}@media (width<=1024px){.about-top{padding:0 6%}.about-story,.focus-section,.about-cards,.stats-section,.vision-section{padding:80px 6%}}@media (width<=870px){.stats-section{grid-template-columns:repeat(2,1fr)}.stat{flex-direction:column;justify-content:center;place-items:center;padding:5px 8px;display:flex}.stat h3{font-size:2.5rem}.ctas{flex-flow:wrap;justify-content:center;display:flex}.ctas .btn-primary,.ctas .btn-secondary{white-space:nowrap;padding:5px 9px;font-size:15px}}@media (width<=768px){.about-top{height:calc(100dvh - 137px)}.about-top h1{font-size:clamp(3.2rem,10vw,6rem)}.about-card{padding:34px 28px}.about-welcome h1{letter-spacing:0}.about-welcome h1 span{font-size:clamp(3rem,5vw,7rem)}.focus-grid span{padding:14px 24px;font-size:1.05rem}}@media (width<=480px){.about-top{padding:0 5%}.about-story,.focus-section,.about-cards,.stats-section,.vision-section{padding:70px 5%}}.scroll-top{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:999;background:linear-gradient(135deg,#1b2631,red);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.8rem;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);animation:3.5s ease-in-out infinite floatUp;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 20px #60a5fa59,0 0 25px #aa511e9d}.scroll-top:hover{transform:translateY(-8px)scale(1.1);box-shadow:0 8px 20px #60a5fa80,0 0 25px red}.scroll-top:active{transform:scale(.95)}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseGlow{0%,to{box-shadow:0 10px 30px #60a5fa59,0 0 25px #a855f74d}50%{box-shadow:0 18px 45px #60a5fa8c,0 0 40px #a855f780}}.scroll-top.visible{animation:3.5s ease-in-out infinite floatUp,2.5s ease-in-out infinite pulseGlow}#root{position:relative}.social-links a,.social-links a i{cursor:pointer}.mainpage{background:0 0}.hero{box-sizing:border-box;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:60px 60px;width:100%;min-height:calc(100vh - 80px);padding-top:80px;padding-bottom:10px;position:relative}#root:before{content:"";pointer-events:none;position:absolute;inset:0}.hero-container{z-index:5;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;min-height:calc(100vh - 80px);padding:2rem;display:flex;position:relative}.hero-content,.hero-image-area{width:50%}.hero-name{width:100%;font-family:var(--font-ethnocentric);background:linear-gradient(90deg, var(--color-primary), var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:clamp(5rem,8vmin,10rem);font-weight:900;line-height:.9}.hero-role{font-family:var(--font-antoniozull);color:var(--color-accent);margin-bottom:3rem;font-size:2.8rem;font-weight:300}.hero-text{color:#f0f4f8b3;border-left:1px solid var(--color-accent);text-align:start;max-width:55rem;margin-bottom:4rem;padding:5px;font-size:1.8rem;line-height:1.8}.sentence{letter-spacing:2px;font-size:2.5vmax;font-family:var(--font-anklada)}.skills{color:var(--color-highlight)}.hero-buttons{flex-wrap:wrap;gap:2rem;display:flex}.btn-primary,.btn-secondary{border-radius:5rem;padding:1.6rem 3.5rem;font-size:1.6rem;transition:all .35s}.btn-primary{cursor:pointer;background:var(--color-accent);color:var(--color-background);border:none;font-weight:700}.btn-primary:hover{box-shadow:0 0 16px var(--color-accent);transform:translateY(-5px)}.btn-secondary{color:var(--color-primary);background:0 0;border:1px solid #fff3;font-weight:600}.btn-secondary:hover{border-color:var(--color-accent);background:#ffffff0d}.social-links{gap:3rem;margin-top:4rem;display:flex}.social-links a{color:var(--color-primary);font-size:2.2rem;text-decoration:none;transition:all .3s}.social-links a:hover{color:var(--color-accent);transform:translateY(-4px)}.hero-image-area{justify-content:center;align-items:center;display:flex}.polaroid{width:40vmin;box-shadow:0 2rem 5rem rgba(var(--color-accent-rgb), .1);padding:1.5rem;transition:all .5s;transform:rotate(-3deg)}.polaroid:hover{transform:rotate(0)scale(1.02)}.polaroid img{object-fit:cover;width:100%;height:auto;display:block}footer{z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding:2rem 5vw;font-size:1.1rem;display:flex;position:relative}footer>div{align-items:center;gap:1rem;display:flex}.scroll-indicator{font-family:var(--font-anklada);letter-spacing:.4rem;color:#fff9;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;margin-top:1rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.scroll-indicator small{opacity:.65;letter-spacing:3px;text-transform:uppercase;margin-top:-.4rem;font-size:.85rem}.scroll-line{background:linear-gradient(to bottom, transparent, var(--color-accent), transparent);width:1.5px;height:80px;animation:2.8s ease-in-out infinite starTwinkle;position:relative}.scroll-line.horizontal{background:linear-gradient(to right, transparent, var(--color-accent), transparent);width:90px;height:1.5px;animation:2.8s ease-in-out infinite starTwinkle}@keyframes starTwinkle{0%,to{opacity:.35;filter:brightness(.9)}40%{opacity:1;filter:brightness(2.2) drop-shadow(0 0 8px var(--color-accent))}70%{opacity:.7;filter:brightness(1.4)}}.scroll-line.vertical{animation-duration:2.3s}.scroll-line.horizontal{animation-duration:3.1s}@media (width<=1200px){.scroll-indicator{order:-1;width:100%;margin:1rem 0;position:static;transform:none}footer{justify-content:center;padding:2rem 8vw}}.highlights{text-align:center;background:#ffffff06;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;padding:5rem 5vw;position:relative;overflow:hidden}.highlights:before{content:"";background:radial-gradient(circle, rgba(var(--color-accent-rgb), .1) 0%, transparent 70%);pointer-events:none;z-index:0;width:200%;height:200%;position:absolute;top:-50%;left:-50%}.stats-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;max-width:1100px;margin:0 auto;display:grid;position:relative}.stat-item{padding:2rem 1rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-item:hover{transform:translateY(-12px)}.stat-item h3{color:var(--color-accent);font-size:clamp(2.6rem,5vw,3.8rem);font-family:var(--font-ethnocentric);letter-spacing:2px;margin:0 0 .8rem;line-height:1;transition:all .4s}.stat-item:hover h3{filter:brightness(1.3);text-shadow:0 0 20px rgba(var(--color-accent-rgb), .5)}.stat-item p{color:#ffffffbf;text-transform:uppercase;letter-spacing:1.5px;margin:0;font-size:1.05rem;font-weight:500}.section-title{text-align:center;font-size:clamp(2.4rem,4.5vw,3.2rem);font-family:var(--font-ethnocentric);letter-spacing:4px;color:#fffffff2;margin-bottom:4rem;display:inline-block;position:relative;left:50%;transform:translate(-50%)}.section-title:after{content:"";background:linear-gradient(to right, transparent, var(--color-accent), transparent);width:100px;height:2px;animation:2.8s ease-in-out infinite starTwinkle;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.featured-projects{padding:6rem 5vw}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2.5rem;max-width:1300px;margin:0 auto;display:grid}.project-card{background:#ffffff0a url();border:1px solid #ffffff14;border-radius:16px;padding:2.2rem;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.project-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:50%;height:100%;transition:all .7s;position:absolute;top:0;left:-100%}.project-card:hover:before{left:200%}.project-card h3{color:#fff;margin-bottom:1rem;font-size:2rem}.project-card p{color:#ffffffb3;margin-bottom:1.8rem;font-size:1.5rem;line-height:1.6}.project-card p strong{color:var(--color-accent)}.project-card a{color:var(--color-accent);font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s}.project-card a:hover{color:#fff;letter-spacing:1px}.text-center{justify-content:center;place-items:center;display:flex}.skills-section{background:radial-gradient(circle, rgba(var(--color-highlight-rgb), .1) 0%, transparent 70%);border-top:1px solid #fafafa07;border-bottom:1px solid #ffffff52;padding:6rem 5vw 3rem}.tech-grid{flex-wrap:wrap;justify-content:center;gap:1.2rem;max-width:1000px;margin:0 auto;display:flex}.tech-tag{color:#ffffffe6;cursor:default;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50px;padding:.9rem 1.8rem;font-size:1.1rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.tech-tag:hover{background:var(--color-accent);color:var(--color-primary);box-shadow:0 8px 16px var(--color-highlight);background-color:#ff00001c;transform:scale(1.08)translateY(-3px)}.cta-section{text-align:center;background:linear-gradient(180deg, transparent, rgba(var(--color-accent-rgb), .06));border-top:1px solid #ffffff14;padding:7rem 5vw}.cta-section h2{font-size:clamp(2.6rem,5vw,3.5rem);font-family:var(--font-ethnocentric);letter-spacing:2px;margin-bottom:1.2rem}.cta-section p{color:#fffc;max-width:600px;margin:0 auto 2.5rem;font-size:1.25rem}.cta-section .btn-primary.large{border-radius:50px;padding:1.1rem 3rem;font-size:1.2rem}.techs{color:var(--color-primary);background-color:var(--color-highlight);margin-top:20px}.techs:hover{box-shadow:0 0px 16px var(--color-highlight)}@media (width<=768px){footer{text-align:center;flex-direction:column;gap:2rem;padding:2rem 5vw}.scroll-indicator{gap:1rem}}.address{color:var(--color-accent)}@media (width<=1250px){.hero-name{font-size:5vmax}}@media (width<=992px){.hero-container{text-align:center;flex-direction:column-reverse;justify-content:center;gap:4rem}.hero-content,.hero-image-area{width:100%;height:auto}.hero-image-area{margin-top:2rem}.hero-text{margin-inline:auto}.hero-buttons,.social-links{justify-content:center}.polaroid{width:min(50vw,380px)}.hero-name{font-size:clamp(3.5rem,10vw,6rem)}.hero-role{font-size:2rem}}.social-links a{border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.5rem;transition:all .3s;display:inline-flex;position:relative}.social-links a i{animation:2.5s ease-in-out infinite snakeUpDown;display:inline-block}.social-links a:first-child i{animation-delay:0s}.social-links a:nth-child(2) i{animation-delay:.2s}.social-links a:nth-child(3) i{animation-delay:.4s}.social-links a:nth-child(4) i{animation-delay:.6s}@keyframes snakeUpDown{0%{transform:translateY(0)rotate(-5deg)}25%{transform:translateY(-15px)rotate(5deg)}50%{transform:translateY(0)rotate(-5deg)}75%{transform:translateY(15px)rotate(5deg)}to{transform:translateY(0)rotate(-5deg)}}.social-links a:hover{color:#fff;transform:scale(1.2);box-shadow:0 10px 20px #0003}.social-links a:first-child:hover{background:#000}.social-links a:nth-child(2):hover{background:#e1306c}.social-links a:nth-child(3):hover{background:#333}.social-links a:nth-child(4):hover{background:#0077b5}.mainpage{background-color:var(--color-background);background-image:radial-gradient(#a1d0e22e 1px,#0000 1px);background-size:24px 24px}.contact-page{width:100%;max-width:1400px;margin:auto;padding:12rem 2rem 8rem;position:relative}.contact-page:before{content:"";background:radial-gradient(circle, rgba(var(--color-highlight-rgb), .08) 0%, transparent 70%);pointer-events:none;z-index:-1;border-radius:50%;width:800px;height:800px;position:absolute;top:0;left:50%;transform:translate(-50%)}.contact-hero{text-align:center;max-width:900px;margin:auto}.contact-tag{border:2px solid rgba(var(--color-highlight-rgb), .5);color:var(--color-highlight);letter-spacing:.5px;border-radius:50px;padding:.7rem 1.8rem;font-size:1.35rem;font-weight:500;transition:all .3s;display:inline-block}.contact-tag:hover{background:rgba(var(--color-highlight-rgb), .1);transform:scale(1.05)}.contact-hero h1{font-size:clamp(4rem,8vw,8.5rem);line-height:1.05;font-family:var(--font-ethnocentric);background:linear-gradient(90deg, #fff, var(--color-highlight));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:2.2rem 0 1.5rem}.contact-hero p{color:#f0f4f8d9;max-width:720px;margin:auto;font-size:2rem;line-height:1.4}.contact-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;margin-top:9rem;display:grid}.contact-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:radial-gradient(circle at 20% 20%,#90a9df55,#0000 40%),radial-gradient(circle at 80% 30%,#c76e6855,#0000 40%),radial-gradient(circle at 50% 80%,#38c1da55,#0000 40%);border:1px solid #ffffff1a;border-radius:24px;padding:3.2rem 2.8rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.contact-card:before{content:"";background:linear-gradient(90deg, transparent, var(--color-highlight), transparent);opacity:0;width:100%;height:3px;transition:opacity .3s;position:absolute;top:0;left:0}.contact-card:hover{border-color:rgba(var(--color-highlight-rgb), .3);transform:translateY(-12px);box-shadow:0 30px 60px -15px #00000080}.contact-card:hover:before{opacity:1}.contact-card h3{align-items:center;gap:12px;margin-bottom:1.2rem;font-size:2.1rem;display:flex}.contact-card p,.contact-card a{color:#f0f4f8e6;font-size:1.65rem;line-height:1.5;text-decoration:none}.contact-card a:hover{color:var(--color-accent);text-decoration:underline}.social-section{text-align:center;background:repeating-linear-gradient(135deg, #a1d0e214 0px, #a1d0e214 2px, transparent 2px, transparent 40px), var(--color-background);background-size:40px 40px;margin-top:11rem}.social-section h2{background:linear-gradient(90deg,#fff,#d48181a1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:3.5rem;font-size:4.2rem}.social-links{justify-content:center;gap:2.5rem;display:flex}.contact-form-wrapper{background:repeating-linear-gradient(45deg,#a1cfe214 0 1px,#0000 1px 35px),repeating-linear-gradient(-45deg,#a1cfe20f 0 1px,#0000 1px 42px);margin-top:11rem}.contact-form-wrapper h2{text-align:center;margin-bottom:4.5rem;font-size:4.2rem}.contact-form{grid-template-columns:1fr 1fr;gap:2rem;max-width:920px;margin:auto;display:grid}.contact-form>*{grid-column:span 2}.contact-form .half{grid-column:span 1}.contact-form input,.contact-form textarea{width:100%;color:var(--color-primary);background:#ffffff09;border:1.5px solid #ffffff1f;border-radius:20px;padding:2.2rem 2rem;font-size:1.7rem;transition:all .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px rgba(var(--color-accent-rgb), .15);background:#ffffff0f;outline:none}.contact-form textarea{resize:vertical;min-height:180px}.contact-form button,.contact-cta button{background:repeating-linear-gradient(45deg, #a1cfe246 0 1px, var(--color-background) 1px 2px);color:#fff;cursor:pointer;border:none;border:1px solid var(--color-highlight);border-radius:15px;width:fit-content;margin-top:1rem;padding:5px 8px;font-size:1.85rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1)}.contact-form button:hover{transform:translateY(-6px)scale(1.02)}.form-status{text-align:center;border-radius:16px;margin-top:1.5rem;padding:1rem 2rem;font-size:1.6rem;font-weight:500}.success{color:#4ade80;background:#4ade8026;border:1px solid #4ade804d}.error{color:#f87171;background:#f8717126;border:1px solid #f871714d}.map-wrapper{border:1px solid #ffffff14;border-radius:28px;margin-top:11rem;overflow:hidden;box-shadow:0 30px 70px -20px #0009}.map-wrapper iframe{border:none;width:100%;height:520px}.contact-cta{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:32px;margin-top:11rem;padding:5rem 2rem}.contact-cta h2{margin-bottom:2.2rem;font-size:clamp(3.2rem,5.5vw,6.5rem);line-height:1.1}.contact-cta p{color:#f0f4f8d9;max-width:820px;margin:auto;font-size:2.05rem;line-height:1.45}.contact-page footer{text-align:center;opacity:.6;margin-top:8rem;font-size:1.4rem}.field-error{color:#ff6b6b;margin-top:.5rem;font-size:1.3rem;display:block}.gallery-section{background:radial-gradient(circle at 20% 20%,#739aee55,#0000 40%),radial-gradient(circle at 80% 30%,#d3605855,#0000 40%),radial-gradient(circle at 50% 80%,#38c1da55,#0000 40%);min-height:100vh;padding:9rem 5%}.gallery-header{text-align:center;margin-bottom:4rem}.gallery-subtitle{color:var(--color-highlight);text-transform:uppercase;letter-spacing:4px;margin-bottom:.5rem;font-size:1.4rem}.gallery-header h2{font-size:5rem;font-family:var(--font-ethnocentric);color:var(--color-primary);display:inline-block;position:relative}.gallery-header h2:after{content:"";background:var(--color-highlight);width:80%;height:4px;position:absolute;bottom:-12px;left:10%}.gallery-filters{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:5rem;display:flex}.filter-btn{border:2px solid var(--color-highlight);color:var(--color-primary);cursor:pointer;background:0 0;border-radius:50px;align-items:center;gap:8px;padding:.9rem 2rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.filter-btn:hover,.filter-btn.active{background:var(--color-highlight);color:#fff;box-shadow:0 10px 30px rgba(var(--color-highlight-rgb), .4);transform:translateY(-4px)}.gallery-grid{flex-wrap:wrap;justify-content:center;place-items:center;gap:2.2rem;display:flex}.gallery-card{border:2px solid rgba(var(--color-highlight-rgb), .15);cursor:pointer;aspect-ratio:1/1.5;border-radius:24px;min-width:200px;height:30vh;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.gallery-card:hover{border-color:var(--card-color);box-shadow:0 25px 50px color-mix(in srgb, var(--card-color) 35%, transparent);transform:translateY(-15px)scale(1.03)}.image-container{height:100%;overflow:hidden}.gallery-card img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.gallery-card:hover img{transform:scale(1.15)}.gallery-overlay{opacity:0;color:#fff;background:linear-gradient(#0000,#00000060 40%,#000);flex-direction:column;justify-content:flex-end;padding:2rem;transition:opacity .4s;display:flex;position:absolute;inset:0}.gallery-card:hover .gallery-overlay{opacity:1}.gallery-overlay h3{margin-bottom:.5rem;font-size:1.75rem}.gallery-overlay p{opacity:.95;margin-bottom:1rem;font-size:1.05rem;line-height:1.45}.gallery-overlay span{font-size:1rem;font-weight:900}.category-tag{background:var(--card-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:30px;align-self:flex-start;padding:6px 16px;font-size:.95rem}.lightbox{z-index:2000;touch-action:none;background:#000000fa;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.lightbox-content{flex-direction:column;align-items:center;width:100%;max-width:1100px;height:100%;max-height:95vh;display:flex;position:relative}.lightbox-image-container{flex:1;justify-content:center;align-items:center;width:90%;max-height:82vh;margin-bottom:1rem;display:flex;position:relative}.lightbox-image-container img{object-fit:contain;border-radius:16px;max-width:100%;max-height:100%;margin-top:9%;box-shadow:0 30px 70px #000000b3}.lightbox-info{z-index:100;background:linear-gradient(to left, transparent,var(--color-background),transparent);justify-content:center;place-items:center;width:100%;padding:10px;font-size:1.5rem}.close-btn{color:#fff;cursor:pointer;z-index:10;z-index:999;background:#000000b3;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;font-size:2.2rem;transition:all .3s;display:flex;position:absolute;top:10%;right:20%}.close-btn:hover{background:var(--color-highlight);transform:scale(1.1)}.nav-btn{color:#fff;cursor:pointer;z-index:10;background:#000000a6;border:none;border-radius:50%;width:65px;height:65px;font-size:2rem;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%)}.nav-btn:hover{background:var(--color-highlight);transform:translateY(-50%)scale(1.1)}.prev{left:15px}.next{right:15px}@media (width<=768px){.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.8rem}.gallery-card{aspect-ratio:2/3;height:25vh}.lightbox{padding:.5rem}.lightbox-image-container{max-height:78vh;margin-top:10%}.close-btn{width:50px;height:50px;font-size:2rem;top:10%;right:5%}.nav-btn{width:55px;height:55px;font-size:1.8rem}.prev{left:10px}.next{right:10px}.lightbox-info{font-size:1rem}.gallery-card .gallery-overlay{opacity:1}}:root{--color-primary:#f0f4f8;--color-secondary:#3f4e4f;--color-accent:#a1d0e2;--color-highlight:red;--color-background:#1b2631;--font-anklada:"Anklada", sans-serif}.projects-section{background-color:var(--color-background);min-height:100vh;color:var(--color-primary);font-family:var(--font-anklada);background:radial-gradient(circle at 15% 25%,#739aee1f,#0000 50%),radial-gradient(circle at 85% 35%,#d3605814,#0000 50%),radial-gradient(circle at 50% 85%,#38c1da1a,#0000 50%);padding:140px 20px 120px}.projects-container{max-width:1280px;margin:0 auto}.projects-header{text-align:center;margin-bottom:90px}.projects-header h1{letter-spacing:-4px;background:linear-gradient(90deg, var(--color-primary), var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:7rem;font-weight:700;line-height:1}.projects-header p{opacity:.9;max-width:720px;color:var(--color-accent);margin:0 auto;font-size:1.35rem;line-height:1.6}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(520px,1fr));gap:45px;display:grid}.project-card{background-color:#1f2a3a;border:1px solid #ffffff12;border-radius:28px;transition:all .6s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 10px 30px #0000004d}.project-card:hover{border-color:var(--color-accent);transform:translateY(-18px);box-shadow:0 35px 70px #00000080}.project-image{height:400px;position:relative;overflow:hidden}.project-image img{object-fit:cover;border-radius:5px;width:100%;height:100%;transition:transform .9s}.project-card:hover .project-image img{border-radius:5px;transform:scale(1.1)}.project-category{color:var(--color-accent);letter-spacing:2px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;background:#000000bf;border:1px solid #a1d0e24d;border-radius:50px;padding:8px 22px;font-size:.82rem;position:absolute;top:28px;left:28px}.project-content{padding:38px}.project-content h3{margin-bottom:14px;font-size:2.1rem;font-weight:600;line-height:1.2}.project-content p{opacity:.88;margin-bottom:32px;font-size:1.05rem;line-height:1.75}.project-buttons{flex-wrap:wrap;gap:12px;display:flex}.project-btn{color:#fff;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;flex:1;min-width:110px;padding:13px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .4s}.projects-section .project-content .project-buttons .project-btn:hover{color:#111;background:#fff;border-color:#fff;transform:translateY(-4px)}.project-btn.primary{background:var(--color-highlight);color:#fff;border:none}.project-btn.primary:hover{color:#fff;background:#6366f1}.more-projects{text-align:center;margin-top:100px}.more-link{color:var(--color-primary);border-bottom:2px solid var(--color-accent);padding-bottom:8px;font-size:1.4rem;text-decoration:none;transition:all .4s;display:inline-block}.more-link:hover{color:var(--color-accent);border-color:var(--color-primary);padding-bottom:12px}@media (width<=768px){.projects-header h1{letter-spacing:-3px;font-size:4.8rem}.projects-grid{grid-template-columns:1fr;gap:35px}.project-image{height:340px}.project-content{padding:32px}}@media (width<=480px){.project-buttons{flex-direction:column}.project-btn{min-width:auto}}