.app-container{display:flex;flex-direction:column;min-height:100vh}*{margin:0;padding:0}body{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xmlns:svgjs='http://svgjs.dev/svgjs'%20viewBox='0%200%20700%20700'%20width='700'%20height='700'%20opacity='0.45'%3e%3cdefs%3e%3cfilter%20id='nnnoise-filter'%20x='-20%25'%20y='-20%25'%20width='140%25'%20height='140%25'%20filterUnits='objectBoundingBox'%20primitiveUnits='userSpaceOnUse'%20color-interpolation-filters='linearRGB'%3e%3cfeTurbulence%20type='turbulence'%20baseFrequency='0.102'%20numOctaves='4'%20seed='15'%20stitchTiles='stitch'%20x='0%25'%20y='0%25'%20width='100%25'%20height='100%25'%20result='turbulence'%3e%3c/feTurbulence%3e%3cfeSpecularLighting%20surfaceScale='22'%20specularConstant='1.1'%20specularExponent='20'%20lighting-color='%23272b2e'%20x='0%25'%20y='0%25'%20width='100%25'%20height='100%25'%20in='turbulence'%20result='specularLighting'%3e%3cfeDistantLight%20azimuth='3'%20elevation='128'%3e%3c/feDistantLight%3e%3c/feSpecularLighting%3e%3c/filter%3e%3c/defs%3e%3crect%20width='700'%20height='700'%20fill='transparent'%3e%3c/rect%3e%3crect%20width='700'%20height='700'%20fill='%23272b2e'%20filter='url(%23nnnoise-filter)'%3e%3c/rect%3e%3c/svg%3e");background-color:#0e0e0e;overflow:auto;font-family:montserrat,Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;color:#fff}h1{color:#c3073f}a{text-decoration:none}p{white-space:normal;word-break:break-word;overflow-wrap:break-word;line-height:2}.hidden{display:none}.icon{width:1em;height:1em;margin-left:2px;margin-right:8px;vertical-align:middle}.logo-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:-1;background:#0006;-webkit-backdrop-filter:blur(.8);backdrop-filter:blur(.8);opacity:.2}.logo{height:50vh;width:50vw}.parent{display:flex;flex-direction:column;gap:5vh;position:relative;width:100vw;z-index:2;align-items:flex-start;margin-bottom:10vh;color:#fff}.head-text{display:flex;margin-top:12vh;margin-left:20vw;margin-right:20vw;align-items:center}.about-me{margin-left:20vw;margin-right:20vw;width:60vw;overflow-wrap:break-word;white-space:normal}.read-more-button-container{margin-left:20vw;margin-right:20vw}.read-more-button{color:#c3073f;font-weight:700;font-size:1.1em;background-color:inherit;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:.5rem;min-height:48px}.read-more-button:hover span{text-decoration:underline}.read-more-button .chevron{width:20px;height:20px;transition:transform .3s ease}.read-more-button .chevron.rotated{transform:rotate(180deg)}.read-more{background:transparent;opacity:0;max-height:0;overflow:hidden;transition:max-height .7s ease,opacity .5s ease,margin-top .5s ease;margin-left:20vw;margin-right:20vw}.read-more.active{opacity:1;max-height:1000px;margin-top:1rem}.skills-grid{display:flex;flex-wrap:wrap;gap:.8rem}.skill-category{margin-bottom:2rem}.skill-category h3{font-weight:700;font-size:1.1rem;color:#aaa;margin-bottom:1rem}.skill-pill{background:#202020;border:1px solid #333;color:#eee;padding:.8rem 1.2rem;border-radius:8px;font-weight:600;transition:all .2s ease}.skill-pill:hover{background:#c3073f20;border-color:#c3073f;color:#c3073f}.special-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1.5rem;margin-left:20vw;margin-right:20vw}.btn-portfolio{background:transparent;border:2px solid #C3073F;padding:.8rem 2rem;color:#c3073f;font-weight:700;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;appearance:none;outline:none}.btn-portfolio:hover{background:#c3073f;color:#fff}.btn-bonus{display:flex;align-items:center;justify-content:center;padding:.8rem 1.5rem;color:#aaa;font-weight:700;text-decoration:none;border:2px solid #444;transition:all .2s ease}.btn-bonus .icon{opacity:.7;filter:invert(50%)}.btn-bonus:hover{background:#222;border-color:#666;color:#eee}.btn-bonus:hover .icon{opacity:1}.get-text{font-size:2em;font-weight:700}.contact-parent{display:flex;flex-direction:column;width:60vw;padding:5dvh;margin-left:20vw;margin-right:20vw;margin-bottom:5vh;gap:20px;background:#ffffff0a;border:1px solid #ffffff0d}.contact-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px}.contact-list-item{display:flex;flex-direction:column;gap:20px;background:#171717;padding:20px;border:1px dashed #3b3b3b;border-image-slice:1;font-size:1.1em;min-width:220px;min-height:120px;box-sizing:border-box;justify-content:center;overflow-x:auto}.contact-list-item:hover{border:1px dashed #C3073F}.contact-icon{width:24px;height:24px}.contact-para{background:#202020;color:#fff;padding:.3em;margin-left:3em;margin-top:.3em}.content-header{display:flex;align-items:center;gap:32px;font-size:1.5em;font-weight:800}#discord{color:#5865f2}#telegram{color:#27a9eb}#linkedin{color:#007ebb}#email{color:#4166fc;word-wrap:break-word}@media(max-width:810px){body{overflow:visible}.head-text{display:block;line-height:1.2;margin-top:5vh;margin-left:3vw;margin-right:3vw;width:94vw}.about-me{margin-left:5vw;margin-right:5vw;width:90vw}.read-more-button-container{margin-left:5vw;margin-right:5vw}.special-buttons{margin-left:10vw;margin-right:10vw;width:80vw;flex-direction:column}.btn-portfolio,.btn-bonus{width:100%;box-sizing:border-box}.btn-portfolio{text-align:center}.contact-list{grid-template-columns:repeat(1,1fr)}.contact-parent{flex-direction:column;background:none;border:none;width:90vw;margin-left:5vw;margin-right:5vw;padding:0}.contact-list-item{min-width:unset}.contact-para{margin-left:.3em}h1{font-size:1.8em}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0}.is-visible{animation:fade-in-up .8s ease-out forwards}@keyframes fade-in-out{0%{opacity:0;transform:translate(-50%,20px)}15%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,10px)}}.copy-notification{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#222;color:#eee;padding:.8rem 1.5rem;border-radius:8px;border:1px solid #444;font-weight:600;z-index:10000;animation:fade-in-out 2s ease-out forwards}.portfolio-container{margin-left:20vw;margin-right:20vw;margin-top:8vh;color:#fff;padding-bottom:8vh}.portfolio-header{display:flex;align-items:center;gap:2rem;margin-bottom:1rem}.back-btn{background:transparent;border:1px solid #C3073F;color:#c3073f;padding:.8rem 1.2rem;cursor:pointer;font-weight:700;font-size:1rem;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.back-btn:hover{background:#c3073f1a;border-color:#c3073f}.back-btn img,.project-live img{width:22px;height:22px;filter:invert(19%) sepia(82%) saturate(3535%) hue-rotate(334deg) brightness(89%) contrast(90%)}.filter-bar{display:flex;gap:.8rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:1rem;-ms-overflow-style:none;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,black 95%,transparent 100%);mask-image:linear-gradient(to right,black 95%,transparent 100%)}.filter-bar::-webkit-scrollbar{display:none}.filter-btn{background:transparent;border:1px solid #444;color:#eee;padding:.8rem 1rem;border-radius:20px;cursor:pointer;font-weight:600;flex-shrink:0;transition:all .2s ease}.filter-btn:hover{background:#222;border-color:#666}.filter-btn.active{background:#c3073f;border-color:#c3073f;color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.project-card{display:block;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:1.2rem;color:inherit;text-decoration:none;min-height:160px;border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:box-shadow .3s ease,border-color .3s ease,transform .3s ease;transform-style:preserve-3d;animation:cardEnter .5s ease-out forwards;animation-fill-mode:backwards}.project-card:hover{border-color:#c3073f80;box-shadow:0 0 20px #c3073f66}.project-title{margin-bottom:.6rem;color:#c3073f}.project-desc{opacity:.9;margin-bottom:.8rem}.project-tech{display:flex;gap:.5rem;flex-wrap:wrap}.tech-pill{background:#202020;padding:.6rem .8rem;border-radius:6px;font-size:.85rem;color:#ddd;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.tech-pill:hover{border-color:#c3073f;color:#c3073f}.thumbnails{display:flex;gap:.5rem;margin-top:.9rem;flex-wrap:wrap}.thumb-wrapper{position:relative;display:inline-block}.thumb{width:220px;height:120px;object-fit:cover;background:#111;border:1px solid #222;cursor:pointer;border-radius:6px}.thumb-count{position:absolute;right:6px;bottom:6px;background:#0009;color:#fff;padding:2px 6px;font-size:.85rem;border-radius:999px;border:1px solid rgba(255,255,255,.06)}.project-actions{margin-top:.8rem;display:flex;justify-content:flex-end;gap:.6rem;flex-shrink:0}.project-link,.project-live{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:50%;width:48px;height:48px;text-decoration:none;transition:all .2s ease}.project-link img,.project-live img{width:20px;height:20px;filter:invert(1)}.project-link{background:#c3073f;border:1px solid rgba(0,0,0,.2)}.project-link:hover{opacity:.85}.project-live{background:transparent;box-shadow:0 0 0 1px #c3073f}.project-live:hover{background:#c3073f1a}.lightbox-footer .project-link,.lightbox-footer .project-live{color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeImage{0%{opacity:.5}to{opacity:1}}@keyframes cardEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lightbox{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000000e6;z-index:9999;animation:fadeIn .3s ease}.lightbox-content{position:relative;width:90vw;height:90vh;display:grid;grid-template-columns:3fr 1fr;gap:2rem;padding:1rem}.lightbox-image-wrapper{display:flex;align-items:center;justify-content:center;position:relative;height:100%}.lightbox-img{max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 8px 40px #000000b3;animation:fadeImage .4s ease;object-fit:contain}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;background:#141414b3;border:1px solid #555;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;z-index:10000}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:#c3073f;border-color:#c3073f}.lightbox-close{top:30px;right:30px;width:48px;height:48px}.lightbox-close img{width:24px;height:24px;filter:invert(1)}.lightbox-prev,.lightbox-next{top:50%;transform:translateY(-50%);width:48px;height:48px;font-size:2rem;padding:0}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#ddd;background:#0009;padding:.3rem .8rem;border-radius:20px;font-size:.9rem;border:1px solid rgba(255,255,255,.1)}.lightbox-info{background:#0a0a0a;padding:2rem;border-radius:8px;color:#eee;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#C3073F #1f1f1f}.lightbox-info::-webkit-scrollbar{width:8px}.lightbox-info::-webkit-scrollbar-track{background:#1f1f1f;border-radius:10px}.lightbox-info::-webkit-scrollbar-thumb{background-color:#c3073f;border-radius:10px;border:2px solid #1f1f1f}.lightbox-info h2{color:#c3073f;margin-bottom:1rem;font-size:1.8rem}.lightbox-info p{opacity:.8;line-height:1.6;margin-bottom:1.5rem}.lightbox-footer{display:flex;gap:.8rem;margin-top:auto}@media(max-width:900px){.lightbox-content{grid-template-columns:1fr;grid-template-rows:2fr 1fr;height:auto;max-height:95vh}.lightbox-info{padding:1.5rem}.lightbox-close{top:10px;right:10px}.lightbox-prev{left:10px}.lightbox-next{right:10px}}.lightbox-close{z-index:2000}@media(max-width:1100px){.projects-grid{grid-template-columns:repeat(2,1fr)}.portfolio-container{margin-left:5vw;margin-right:5vw}}@media(max-width:700px){.projects-grid{grid-template-columns:repeat(1,1fr)}.portfolio-container{margin-left:5vw;margin-right:5vw}}.underleaf-page{animation:fadeIn .4s ease-out;color:#fff}.underleaf-navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 4rem;position:absolute;top:0;left:0;right:0;z-index:10;background:transparent}.nav-brand{display:flex;align-items:center;gap:.75rem}.nav-logo{width:40px;height:40px;border-radius:8px}.nav-title{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:.5px}.nav-links{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;justify-content:center}.nav-links a{color:#d1d9e0;text-decoration:none;font-weight:500;transition:color .2s;font-size:1rem}.nav-links a:hover{color:#fff}.nav-btn-download{background:#3b82f6;color:#fff!important;padding:.6rem 1.4rem;border-radius:6px;font-weight:600!important;border:1px solid #2563eb;transition:all .2s ease!important}.nav-btn-download:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f666}.underleaf-hero{min-height:70vh;display:flex;justify-content:center;align-items:center;text-align:center;background:radial-gradient(circle at center,#1e293b,#0f172a);position:relative;overflow:hidden;padding:6rem 2rem 4rem}.underleaf-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(#0f172acc,#0f172acc),repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.02) 10px,rgba(255,255,255,.02) 20px);z-index:0}.hero-content{z-index:1;max-width:800px}.underleaf-logo{width:140px;height:140px;margin-bottom:1.5rem;border-radius:28px;box-shadow:0 10px 30px #0006;animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.underleaf-title{font-size:4.5rem;font-weight:800;margin:0 0 1rem;letter-spacing:-1px;background:linear-gradient(180deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.underleaf-subtitle{font-size:1.4rem;color:#94a3b8;margin-bottom:2rem;font-weight:400}.underleaf-tags{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem;flex-wrap:wrap}.tag{padding:.4rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;letter-spacing:.5px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#e2e8f0}.hero-actions{display:flex;gap:1rem;justify-content:center}.hero-actions a{text-decoration:none;font-weight:600;padding:.9rem 2rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;gap:.75rem;box-sizing:border-box}.btn-primary{background:#3b82f6;color:#fff;border:1px solid #2563eb;box-shadow:0 4px 14px #3b82f64d}.btn-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.btn-secondary img{width:20px;filter:invert(1)}.underleaf-content{max-width:1000px;margin:0 auto;padding:4rem 2rem}.feature-section{margin-bottom:4rem}.feature-section h2{font-size:2.2rem;margin-bottom:1.5rem;color:#fff}.feature-section p{color:#94a3b8;font-size:1.15rem;line-height:1.7;margin-bottom:1rem}.feature-section blockquote{margin:2rem 0;padding:1.5rem 2rem;background:#3b82f60d;border-left:4px solid #3b82f6;border-radius:0 6px 6px 0;font-size:1.15rem;font-style:italic;color:#e2e8f0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.feature-card{background:#1e293b;border:1px solid #334155;padding:2.5rem 2rem;border-radius:12px;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);background:#1e293b;border-color:#475569;box-shadow:0 10px 30px #0003}.feature-icon{margin-bottom:1.5rem;color:#60a5fa}.feature-icon svg{width:36px;height:36px}.feature-card h3{font-size:1.25rem;margin-bottom:1rem;color:#f8fafc}.feature-card p{font-size:.95rem;color:#94a3b8;line-height:1.6;margin-bottom:0}.underleaf-footer{margin-top:4rem;padding:3rem 4rem;border-top:1px solid rgba(255,255,255,.05);background:#0f172a}.underleaf-footer .footer-content{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}.footer-left{display:flex;align-items:center;gap:1rem;font-size:1.2rem;font-weight:600;color:#fff}.footer-logo{width:32px;height:32px;border-radius:6px}.footer-text{color:#8b949e;font-size:.95rem;line-height:1.6;text-align:right}.footer-text a{color:#60a5fa;text-decoration:none;font-weight:500}.footer-text a:hover{text-decoration:underline}@media(max-width:768px){.nav-brand{display:none}.underleaf-title{font-size:2.5rem}.underleaf-subtitle{font-size:1.15rem}.underleaf-navbar{padding:1.25rem 1rem;flex-direction:column;gap:1rem}.underleaf-hero{padding:8rem 1.5rem 4rem}.underleaf-tags{gap:.5rem}.hero-actions{flex-direction:column;width:100%;box-sizing:border-box}.hero-actions a{width:100%;justify-content:center}.underleaf-footer .footer-content{flex-direction:column;text-align:center}.footer-text{text-align:center}}.site-footer{padding:2rem;text-align:center;color:#888;font-size:.9rem;border-top:1px solid #222;margin-top:auto}