@import url(https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#ff004f;--bg-color:#080808;--card-bg:#1f1f1f;--text-color:#fff}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#080808;background:var(--bg-color);color:#fff;color:var(--text-color);overflow-x:hidden}header,section{padding:60px 8%}header{align-items:center;background:radial-gradient(circle at 30% 50%,#1a1a1a 0,#080808 70%);display:flex;gap:50px;justify-content:space-between;margin-top:0;min-height:100vh;overflow:hidden;padding:140px 8% 60px;position:relative}header:after{background:linear-gradient(180deg,#0000,#080808);background:linear-gradient(to bottom,#0000,var(--bg-color));bottom:0;content:"";height:150px;left:0;pointer-events:none;position:absolute;width:100%;z-index:1}.header-text,.header-visual{position:relative;z-index:2}.header-text p{color:#fff;font-size:1.5rem;font-weight:600;letter-spacing:2px;margin-bottom:15px;text-transform:uppercase}.header-text h1{color:#fff;font-family:sans-serif;font-size:5rem;font-weight:800;line-height:1.1;text-shadow:0 10px 30px #000c}.header-text span{color:#ff004f;color:var(--primary-color);text-shadow:0 0 20px #ff004f66}.header-visual{align-items:center;display:flex;flex:1 1;justify-content:center}@media (max-width:900px){header{flex-direction:column-reverse;gap:40px;justify-content:center;padding-top:40px;text-align:center}.header-text h1{font-size:3.5rem}.header-text p{font-size:1.2rem}.code-window{margin-bottom:20px;width:100%}}.code-window{animation:float 6s ease-in-out infinite;background:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 20px 50px #00000080;max-width:450px;width:100%}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.window-header{background:#2d2d2d;border-top-left-radius:12px;border-top-right-radius:12px;display:flex;gap:8px;padding:10px 15px}.dot{border-radius:50%;height:12px;width:12px}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.window-body{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;line-height:1.5;padding:20px}.indent{margin-left:20px}.keyword{color:#ff79c6}.variable{color:#8be9fd}.string{color:#f1fa8c}.brace{color:#ff79c6}.cursor{animation:blink 1s step-end infinite;color:#ff004f;color:var(--primary-color);display:inline-block;font-weight:700}@keyframes blink{50%{opacity:0}}@media (max-width:768px){header{flex-direction:column-reverse;justify-content:center;padding-top:40px;text-align:center}.code-window{margin-bottom:40px;width:90%}}.about-container{align-items:center;display:flex;gap:80px;margin-top:-60px;position:relative;z-index:2}.about-img{border:8px solid #222;border-radius:50%;box-shadow:0 0 30px #ff004f33;height:350px;object-fit:cover;width:350px}.about-text{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1e1e1e99;border:1px solid #333;border-radius:20px;flex:1 1;padding:40px}.about-text h2{color:#fff;font-size:2.5rem;letter-spacing:1px;margin-bottom:25px;text-transform:uppercase}.about-text p{color:#d0d0d0;font-size:1.25rem;font-weight:300;line-height:1.8}.about-text b{color:#ff004f;color:var(--primary-color);font-weight:600}@media (max-width:900px){.about-container{flex-direction:column;gap:40px;margin-top:0}.about-img{height:250px;width:250px}.about-text p{font-size:1.1rem}}.projects-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.project-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#19191999;border:1px solid #333;border-radius:15px;overflow:hidden;padding:30px;position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s}.project-card:hover{border-color:#ff004f;border-color:var(--primary-color);box-shadow:0 10px 30px #00000080;transform:translateY(-10px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.folder-icon i{color:#ff004f;color:var(--primary-color);font-size:2.5rem}.links a{color:#a0a0a0;font-size:1.4rem;margin-left:15px;transition:color .3s}.links a:hover{color:#fff}.project-card h3{color:#fff;font-size:1.6rem;font-weight:700;margin-bottom:15px;transition:color .3s}.project-card:hover h3{color:#ff004f;color:var(--primary-color)}.project-card p{color:#bbb;font-size:1rem;line-height:1.6;margin-bottom:25px}.tech-stack{color:#888;display:flex;font-family:monospace;font-size:.9rem;gap:15px}.tech-stack span{transition:color .3s}.project-card:hover .tech-stack span{color:#fff}.skills-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:40px;padding:0 20px}.skill-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 5px 15px #0003;flex:0 1 250px;max-width:300px;min-width:250px;overflow:hidden;padding:40px 20px;position:relative;text-align:center;transition:all .4s ease}.skill-card:hover{background:#ffffff14;border-color:#ff004f;border-color:var(--primary-color);box-shadow:0 0 25px #ff004f66;transform:translateY(-10px);z-index:10}.icon-box{color:#fff;font-size:3.5rem;margin-bottom:25px;transition:transform .4s,color .4s}.skill-card:hover .icon-box{color:#ff004f;color:var(--primary-color);transform:scale(1.1)}.skill-card h3{color:#e0e0e0;font-size:1.4rem;font-weight:600;letter-spacing:1px;margin-bottom:20px;position:relative;z-index:2}.skill-bar{background:#222;border-radius:10px;box-shadow:inset 0 1px 3px #00000080;height:4px;overflow:hidden;position:relative;width:100%}.skill-card .level{background:linear-gradient(90deg,#0071ff,#ff004f);background:linear-gradient(90deg,#0071ff,var(--primary-color));border-radius:10px;box-shadow:0 0 10px #ff004f;box-shadow:0 0 10px var(--primary-color);height:100%;transition:width .8s cubic-bezier(.17,.67,.83,.67);width:0}.skill-card:hover .level{width:90%}.contact-section{display:flex;flex-direction:column;justify-content:center;min-height:auto;padding:50px 8% 100px!important}.contact-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:50px;justify-content:space-between;margin-top:40px}.contact-info{flex:1 1;min-width:300px}.contact-info h3{color:#fff;font-size:2.5rem;margin-bottom:15px}.contact-info p{color:#bbb;font-size:1.1rem;line-height:1.6;margin-bottom:30px}.info-item{align-items:center;color:#e0e0e0;display:flex;font-size:1.1rem;gap:15px;margin-bottom:20px}.info-item i{color:#ff004f;color:var(--primary-color);font-size:1.5rem;text-align:center;width:30px}.contact-form-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 10px 30px #0000004d;flex:1 1;min-width:300px;padding:40px}.form-group{margin-bottom:20px}input,textarea{background:#0000004d;border:1px solid #333;border-radius:8px;color:#fff;font-family:inherit;font-size:1rem;padding:15px;transition:border .3s,background .3s;width:100%}input:focus,textarea:focus{background:#0009;border-color:#ff004f;border-color:var(--primary-color);box-shadow:0 0 10px #ff004f33;outline:none}button[type=submit]{background:#ff004f;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px;transition:transform .2s,box-shadow .2s;width:100%}button[type=submit]:hover{box-shadow:0 5px 15px #ff004f66;transform:translateY(-3px)}.footer{background:#050505;border-top:1px solid #222;margin-top:80px;padding:40px 0;position:relative;text-align:center}.footer:before{background:linear-gradient(90deg,#0000,#ff004f,#0000);background:linear-gradient(90deg,#0000,var(--primary-color),#0000);content:"";height:2px;left:0;opacity:.5;position:absolute;top:0;width:100%}.social-links{margin-bottom:20px}.social-links a{color:#888;display:inline-block;font-size:1.5rem;margin:0 15px;transition:all .3s ease}.social-links a:hover{color:#fff;text-shadow:0 0 10px #ff004f;text-shadow:0 0 10px var(--primary-color);transform:translateY(-5px)}.copyright{color:#666;font-size:.9rem}.copyright span{color:#ccc;font-weight:500}@media (max-width:768px){nav{grid-template-columns:auto 1fr auto;padding:.5rem 20px}.nav-center{display:none}.nav-left .logo-name{height:40px}.menu-icon{display:block}.nav-links{align-items:center;background-color:#1c1c1c;border-left:2px solid #ff004f;border-left:2px solid var(--primary-color);flex-direction:column;height:calc(100vh - 80px);justify-content:center;position:fixed;right:-100%;top:80px;transition:right .4s ease;width:70%}.nav-links.active{right:0}.header-text h1{font-size:2.8rem}.about-container{flex-direction:column;text-align:center}header,section{padding:50px 20px}}.section-title{border-bottom:3px solid #333;color:#fff;display:block;font-size:2.5rem;font-weight:700;margin-bottom:40px;padding-bottom:10px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.section-title:first-letter{color:#ff004f;color:var(--primary-color)}.menu-icon{display:none}.navbar{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#0a0a0ab3;border:1px solid #ffffff1a;border-radius:100px;box-shadow:0 10px 30px #00000080;height:70px;left:50%;max-width:1200px;position:fixed;top:20px;transform:translateX(-50%);width:90%;z-index:999}.nav-container{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 40px}.nav-logo h1{color:#fff;cursor:pointer;font-family:Great Vibes,cursive!important;font-size:2.5rem;font-weight:400;letter-spacing:2px;margin:0;text-shadow:0 0 10px #00d4ffcc,0 0 20px #00d4ff66;transition:transform .3s ease}.nav-logo h1:hover{transform:scale(1.05)}.nav-menu-desktop{display:flex;gap:30px;list-style:none;margin:0;padding:0}.nav-menu-desktop a{color:#fff9;cursor:pointer;font-size:.9rem;font-weight:500;letter-spacing:1px;padding:8px 0;position:relative;text-transform:uppercase;transition:color .3s ease,text-shadow .3s ease}.nav-menu-desktop a:hover{color:#fff;text-shadow:0 0 8px #fffc}.nav-menu-desktop a.active{color:#ff004f!important;color:var(--primary-color)!important;text-shadow:0 0 10px #ff004f;text-shadow:0 0 10px var(--primary-color)}.nav-menu-desktop a.active:after{animation:glowLine .3s ease-out;background:#ff004f;background:var(--primary-color);bottom:0;box-shadow:0 0 10px #ff004f;box-shadow:0 0 10px var(--primary-color);content:"";height:2px;left:0;position:absolute;width:100%}@keyframes glowLine{0%{width:0}to{width:100%}}.nav-icon,.nav-overlay{display:none}@media (max-width:768px){.navbar{background:#000000f2;border:none;border-bottom:1px solid #ffffff1a;border-radius:0!important;height:60px;left:0!important;max-width:none!important;top:0!important;transform:translateY(0);transition:transform .3s ease-in-out;width:100%!important}.navbar.navbar-hidden{transform:translateY(-100%)}.nav-container{padding:0 20px}.nav-logo h1{font-size:1.6rem!important}.nav-menu-desktop{display:none!important}.nav-icon{color:#fff;cursor:pointer;display:block!important;font-size:1.4rem;z-index:2001}.nav-overlay{align-items:center;background:#000;display:flex!important;flex-direction:column;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100vw;z-index:2000}.nav-overlay.active{opacity:1;visibility:visible}.nav-menu-mobile{display:flex;flex-direction:column;gap:30px;list-style:none;padding:0;text-align:center}.nav-menu-mobile a{color:#fff;font-size:1.2rem!important;font-weight:500;letter-spacing:2px;padding:10px;text-transform:uppercase}.hero-title,h1{font-size:2rem!important}.section-title{font-size:1.8rem!important}footer{padding:30px 20px!important;text-align:center!important}footer .social-icons a,footer a i{font-size:1.3rem!important;margin:0 12px!important}footer p{color:#888!important;margin-top:15px!important}footer p,footer p span{font-size:.85rem!important}header#home{align-items:center!important;display:flex!important;flex-direction:column!important;height:auto!important;justify-content:center!important;min-height:100vh;padding-top:120px!important}.header-text{order:1!important;padding:0 20px!important;text-align:center!important}.header-text,.header-visual{margin-bottom:50px!important;width:100%!important}.header-visual{display:flex!important;justify-content:center!important;order:2!important}.code-window{font-size:.85rem!important;max-width:350px!important;width:90%!important}}
/*# sourceMappingURL=main.f83c20ee.css.map*/