@font-face{font-family:KG Happy;src:url(/assets/KGHAPPY-D0mY1V8x.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KG HAPPY Solid;src:url(/assets/KGHAPPYSolid-DHkOK0_K.ttf)format("truetype");font-weight:400;font-style:normal}:root{--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--space-5xl:120px;--bg-color:#000;--text-main:#bd6f81;--text-secondary:#e498ad;--accent-color:#f6e0e6;--glass-bg:#000c;--glass-panel:#0000;--glass-border:#ffffff26;--glass-blur:25px;--section-spacing:35px;--container-width:980px;--font-heading:"KG HAPPY", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-body:"KG HAPPY Solid", -apple-system, BlinkMacSystemFont, sans-serif;--transition-fast:.3s cubic-bezier(.25, .1, .25, 1);--transition-smooth:.6s cubic-bezier(.16, 1, .3, 1);--transition-bounce:.6s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-top:var(--space-5xl);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:62.5%}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-main);flex-direction:column;min-height:100vh;font-size:1.4rem;line-height:1.5;display:flex;overflow-x:hidden}main{flex:1;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-secondary);letter-spacing:-.02em;font-weight:400}a{color:var(--accent-color);transition:var(--transition-fast);text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto;display:block}.container{max-width:var(--container-width);padding:0 var(--space-lg);margin:0 auto}.glass-panel{background:var(--glass-panel);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);backface-visibility:hidden;will-change:backdrop-filter;border-radius:20px;transform:translateZ(0)}.background-wrapper{z-index:-1;width:100%;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.background-image{object-fit:cover;opacity:.4;filter:blur(20px);will-change:opacity;width:100%;height:100%;transform:translateZ(0)}.nav-container{z-index:1000;width:100%;max-width:none;padding:var(--space-md) 0;border:none;border-bottom:1px solid var(--glass-border);transform:none;backface-visibility:hidden;perspective:1000px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);will-change:transform, backdrop-filter;border-radius:0;position:fixed;top:0;left:0;transform:translate(0,0)}.nav-content{padding:0 var(--space-lg);max-width:var(--container-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-logo{font-family:var(--font-heading);color:var(--text-main);letter-spacing:-.05em;font-size:2rem}.nav-items{gap:var(--space-xl);transition:transform var(--transition-smooth), opacity var(--transition-smooth);display:flex}.nav-toggle{cursor:pointer;z-index:1001;color:var(--text-secondary);background:0 0;border:none;padding:10px;display:none}.nav-toggle svg{width:24px;height:24px;transition:transform .4s}.nav-toggle.active svg{transform:rotate(90deg)}.nav-link{color:var(--text-secondary);font-size:1.4rem;font-weight:500;transition:color .4s;position:relative}.nav-link:hover{color:var(--text-main)}.hero-section{text-align:center;justify-content:center;align-items:center;height:100vh;display:flex}.hero-title{margin-bottom:var(--space-lg);letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#a5a5a5 100%);-webkit-background-clip:text;background-clip:text;font-size:8rem}.hero-subtitle{color:var(--text-main);margin-bottom:var(--space-2xl);max-width:600px;margin-left:auto;margin-right:auto;font-size:1.9rem}.section{padding:var(--section-spacing) 0}.section-title{margin-bottom:var(--space-3xl);text-align:center;font-size:4rem}.projects-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));display:grid}.project-logo{border:1px solid var(--glass-border);background:var(--glass-panel);width:120px;height:120px;margin-bottom:var(--space-lg);border-radius:30px;transform:translateZ(0);box-shadow:0 20px 40px #0000004d}.project-card{padding:var(--space-2xl);transition:transform var(--transition-bounce), box-shadow var(--transition-smooth), border-color var(--transition-smooth);background:var(--glass-panel);will-change:transform, box-shadow;border-radius:20px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.project-card:before{content:"";background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y), #ffffff1a, transparent 40%);opacity:0;z-index:-1;pointer-events:none;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.project-card:hover:before{opacity:1}.project-card:hover{border-color:#f6e0e666;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #f6e0e626}.project-content{margin-bottom:var(--space-xl)}.project-content h3{margin-bottom:var(--space-md);font-size:2.8rem}.feature-list{margin:var(--space-lg) 0;padding-left:0}.feature-list li{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.project-links{margin-top:var(--space-lg);gap:var(--space-lg);display:flex}.link-text{font-size:1.2rem;font-weight:600}.project-image-wrapper{border-radius:12px;margin-top:auto;overflow:hidden;box-shadow:0 10px 30px #0000004d}.project-img{width:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-img{transform:none}.btn{padding:var(--space-sm) var(--space-xl);transition:transform var(--transition-bounce), box-shadow var(--transition-bounce), background-color var(--transition-fast), color var(--transition-fast);backface-visibility:hidden;border-radius:99px;justify-content:center;align-items:center;font-size:1.4rem;font-weight:500;display:inline-flex;transform:translateZ(0)}.btn-primary{background:var(--text-main);color:var(--bg-color)}.btn-primary:hover{background:#fff;transform:translateY(-3px)scale(1.08);box-shadow:0 10px 20px #f6e0e666}.btn-secondary{color:var(--text-main);background:#ffffff1f}.btn-secondary:hover{background:#fff3;transform:translateY(-3px)scale(1.08);box-shadow:0 10px 20px #fff3}.btn-outline{border:1px solid var(--text-secondary);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--text-main);color:var(--text-main)}.about-card,.contact-card{padding:var(--space-2xl);align-items:center;gap:var(--space-2xl);display:flex}.contact-card{text-align:center;flex-direction:column;max-width:600px;margin:0 auto}.about-text{flex:1}.about-text p{margin-bottom:var(--space-xl)}.about-image-wrapper{flex:1;max-width:300px}.about-photo{border-radius:20px}.footer{padding:var(--space-2xl) 0;text-align:center;color:var(--text-secondary);border-top:1px solid var(--glass-border);background:var(--glass-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.social-links{justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-xl);display:flex}.social-links img{opacity:.7;height:24px;transition:opacity .4s,transform .4s cubic-bezier(.16,1,.3,1)}.social-links a:hover img{opacity:1;transform:scale(1.2)}.emoji{vertical-align:-.2em;width:1.25em;height:1.25em;margin:0 .15em;display:inline-block}.hero-reveal{opacity:0;filter:blur(10px);will-change:transform, opacity, filter;animation:1.5s cubic-bezier(.16,1,.3,1) forwards heroReveal;transform:scale(1.1)}@keyframes heroReveal{to{opacity:1;filter:blur();transform:scale(1)translate(0,0)}}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.reveal-on-scroll{width:100%;display:block}.reveal-content{opacity:0;will-change:transform, opacity;transition:opacity .8s ease-out,transform .8s cubic-bezier(.34,1.56,.64,1);transform:translateY(60px)scale(.95)}.visible .reveal-content{opacity:1;transform:translateY(0)scale(1)}.project-card:nth-child(2){transition-delay:.1s}@media (width<=768px){:root{--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--space-5xl:120px;--section-spacing:35px;--font-size-huge:4.5rem}.nav-container{width:100%;max-width:none;padding:var(--space-md) var(--space-lg);border-top:none;border-left:none;border-right:none;border-radius:0;top:0;left:0;transform:none}.nav-content{padding:0}.nav-items{background:var(--glass-bg);width:100%;-webkit-backdrop-filter:blur(var(--glass-blur));padding:100px var(--space-lg) 40px;align-items:center;gap:var(--space-xl);opacity:0;z-index:999;border-bottom:1px solid var(--glass-border);pointer-events:none;flex-direction:column;transition:none;position:fixed;top:0;left:0;transform:translateY(-100%)}.nav-items.active{opacity:1;pointer-events:all;transform:translateY(0)}.nav-toggle{display:block}.nav-link{font-size:1.8rem}.hero-section{padding-top:var(--space-5xl)}.hero-title{font-size:4.5rem;line-height:1.1}.projects-grid{grid-template-columns:1fr}.project-card{padding:var(--space-xl);text-align:center;align-items:center}.feature-list li,.project-links{justify-content:center}.about-card,.contact-card{text-align:center;padding:var(--space-xl);gap:var(--space-xl);flex-direction:column-reverse}.about-image-wrapper,.about-text{width:100%;max-width:none}.contact-card{flex-direction:column}.footer{padding:var(--space-2xl) 0}}@media (width<=400px){.hero-title{font-size:3.5rem}.project-card{padding:var(--space-lg)}.btn{padding:var(--space-sm) var(--space-lg);width:100%;font-size:1.4rem}}.coefficient{color:var(--accent-color);text-shadow:0 0 12px #f472b699;margin:0 2px;font-size:1.25em;font-weight:800;display:inline-block;transform:scale(1.1)}.rightarrow{color:var(--accent-color);margin:0 var(--space-md);vertical-align:middle;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.5em;font-weight:900;display:inline-block}.plus{margin:0 var(--space-sm);color:var(--text-secondary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.3em;font-weight:900}input[type=text]{width:100%;padding:var(--space-md) var(--space-lg);border:1px solid var(--glass-border);color:var(--text-main);letter-spacing:1px;transition:var(--transition-fast);background:#ffffff1a;border-radius:12px;outline:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;font-size:1.8rem}input[type=text]:focus{border-color:var(--accent-color);background:#ffffff26;box-shadow:0 0 0 4px #2997ff1a}.form-label{color:var(--text-secondary);margin-right:var(--space-sm);font-size:1.6rem;font-weight:500}code{padding:var(--space-lg);color:var(--accent-color);margin-top:var(--space-lg);border:1px solid var(--glass-border);background:#0000004d;border-radius:12px;font-family:monospace;font-size:1.6rem;display:block}table{border-collapse:collapse;width:100%}td{padding:var(--space-sm) 0;vertical-align:middle}.back-to-top{bottom:var(--space-xl);background:var(--glass-panel);width:50px;height:50px;-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;z-index:999;opacity:0;visibility:hidden;border-radius:50%;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;right:30px;transform:translateY(20px)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:#fff3;transform:scale(1.05);box-shadow:0 0 20px #ffffff1a}.back-to-top svg{width:20px;height:20px}.particle-container{z-index:9998;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.particle{will-change:transform, opacity;border-radius:50%;position:absolute}