@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Manrope:wght@400;500;600&display=swap);*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}#about{>section{align-items:center;display:flex;gap:80px;justify-content:space-between;margin:100px auto;max-width:1400px;width:90%;>nav{display:flex;flex:1 1;flex-direction:column;gap:24px;h2{font-family:Playfair Display,serif;font-size:56px;font-weight:700;letter-spacing:-1px;line-height:1.2;margin:0;&:first-child{color:var(--text-secondary);font-size:48px}span{color:var(--text-primary);position:relative;&:after{background:linear-gradient(90deg,var(--accent-color),#0000);bottom:8px;content:"";height:3px;left:0;position:absolute;width:100%}}}p{color:var(--text-secondary);font-size:18px;line-height:1.8;max-width:600px}a,p{margin-top:16px}a{text-decoration:none;h6{border-bottom:2px solid var(--accent-color);color:var(--text-primary);cursor:pointer;display:inline-block;font-size:14px;font-weight:600;letter-spacing:2px;padding-bottom:8px;transition:all .3s ease;&:hover{color:var(--accent-color);transform:translateX(4px)}}}>div{align-items:center;display:flex;gap:16px;i{align-items:center;border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;transition:all .3s ease;width:44px;&:hover{border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px)}}}}.image-container{flex:0 0 400px;position:relative;img{border-radius:10px;display:block;filter:grayscale(20%);height:auto;transition:filter .3s ease;width:100%;&:hover{filter:grayscale(0)}}}}}@media screen and (max-width:1024px){#about{>section{gap:60px;>nav{h2{font-size:48px;&:first-child{font-size:40px}}}.image-container{flex:0 0 350px}}}}@media screen and (max-width:768px){#about{>section{align-items:center;flex-direction:column-reverse;gap:50px;margin:60px auto;>nav{align-items:center;text-align:center;h2{font-size:40px;&:first-child{font-size:32px}}p{width:100%}a h6{margin:0 auto}}.image-container{flex:0 0 auto;max-width:350px;width:100%;&:before{right:-15px;top:-15px}}}}}.footer{background:var(--secondary-bg);>section{>section{margin:0 auto;max-width:1400px;padding:100px 0 60px;width:90%;.contact-wrapper{grid-gap:80px;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin-bottom:100px;.contact-info{display:flex;flex-direction:column;gap:24px;h1{color:var(--text-primary);font-family:Playfair Display,serif;font-size:48px;font-weight:700;letter-spacing:-1px}h1,p{margin:0}p{color:var(--text-secondary);font-size:18px;line-height:1.8}}form{display:flex;flex-direction:column;gap:32px;input,textarea{background-color:initial;border:none;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-family:Manrope,sans-serif;font-size:16px;outline:none;padding:16px 0;transition:border-color .3s ease;&::placeholder{color:var(--text-secondary);font-size:14px;letter-spacing:1px}&:focus{border-bottom-color:var(--accent-color)}}textarea{min-height:100px;resize:vertical}.form-submit{display:flex;justify-content:flex-end;button{background:#0000;border:1px solid var(--accent-color);color:var(--accent-color);cursor:pointer;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;padding:14px 32px;transition:all .3s ease;&:hover{background:var(--accent-color);color:var(--primary-bg)}}}}}.footer-nav{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:40px;gentle{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;font-family:Orbitron,sans-serif;font-optical-sizing:auto;font-size:28px;font-style:normal;font-weight:700;letter-spacing:1px}.social-links{align-items:center;display:flex;gap:16px;i{align-items:center;border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;transition:all .3s ease;width:44px;&:hover{border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px)}}}}}}}@media screen and (max-width:1024px){.footer{>section{>section{padding:80px 0 50px;.contact-wrapper{gap:60px;margin-bottom:80px;.contact-info{h1{font-size:40px}}}}}}}@media screen and (max-width:768px){.footer{>section{>section{padding:60px 0 40px;.contact-wrapper{gap:50px;grid-template-columns:1fr;margin-bottom:60px;.contact-info{text-align:center;h1{font-size:36px}p{font-size:16px}}form{gap:28px;.form-submit{justify-content:center;button{width:100%}}}}.footer-nav{flex-direction:column;gap:30px}}}}}:root{--primary-bg:#0a0a0a;--secondary-bg:#141414;--accent-color:#00d9ff;--text-primary:#fff;--text-secondary:#a0a0a0;--border-color:#2a2a2a;--card-bg:#1a1a1a}body{background-color:#0a0a0a;background-color:var(--primary-bg);color:#fff;color:var(--text-primary);font-family:Manrope,sans-serif;margin:0;padding:0}.app{header{align-items:center;border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:40px 0;width:90%;gentle{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#00d9ff);background:linear-gradient(135deg,var(--text-primary) 0,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;font-family:Orbitron,sans-serif;font-optical-sizing:auto;font-size:28px;font-style:normal;font-weight:700;letter-spacing:1px}>aside{display:flex;gap:10px;a{margin-top:16px;text-decoration:none;h6{border-bottom:2px solid #00d9ff;border-bottom:2px solid var(--accent-color);color:#fff;color:var(--text-primary);cursor:pointer;display:inline-block;font-size:14px;font-weight:600;letter-spacing:2px;padding-bottom:8px;transition:all .3s ease;&:hover{color:#00d9ff;color:var(--accent-color);transform:translateX(4px)}}}}>div{align-items:center;display:flex;gap:16px;i{align-items:center;border:1px solid #2a2a2a;border:1px solid var(--border-color);border-radius:50%;color:#a0a0a0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;transition:all .3s ease;width:44px;&:hover{border-color:#00d9ff;border-color:var(--accent-color);color:#00d9ff;color:var(--accent-color);transform:translateY(-2px)}}}}}@media screen and (max-width:768px){.app{header{flex-direction:column;gap:30px;padding:30px 0}}}.project{overflow:hidden;padding:100px 0;>section{margin:0 auto;max-width:1400px;width:90%;.project-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:80px;padding-bottom:30px;h1{color:var(--text-primary);font-family:Playfair Display,serif;font-size:48px;font-weight:700;letter-spacing:-1px;margin:0}a{text-decoration:none;h6{border-bottom:2px solid var(--accent-color);color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;letter-spacing:2px;padding-bottom:8px;transition:all .3s ease;&:hover{color:var(--accent-color);transform:translateX(4px)}}}}.projects-grid{grid-gap:60px;display:grid;gap:60px;grid-template-columns:repeat(2,1fr);.project-card{background:var(--card-bg);border:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease;&:hover{border-color:var(--accent-color);transform:translateY(-8px);.project-image img{transform:scale(1.05)}}.project-image{aspect-ratio:16/10;background:var(--secondary-bg);overflow:hidden;width:100%;img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}}.project-content{display:flex;flex:1 1;flex-direction:column;gap:20px;padding:32px;h3{color:var(--text-primary);font-family:Playfair Display,serif;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.tech-stack{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;h6{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:1px;margin:0;padding:6px 14px;text-transform:uppercase}}button{background:#0000;border:1px solid var(--accent-color);color:var(--accent-color);cursor:pointer;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;padding:14px 28px;text-transform:uppercase;transition:all .3s ease;width:100%;&:hover{background:var(--accent-color);color:var(--primary-bg)}}}}}}}@media screen and (max-width:1024px){.project{padding:80px 0;>section{.project-header{margin-bottom:60px;h1{font-size:40px}}.projects-grid{gap:40px}}}}@media screen and (max-width:768px){.project{padding:60px 0;>section{.project-header{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:50px;h1{font-size:36px}}.projects-grid{gap:50px;grid-template-columns:1fr;.project-card{.project-content{padding:24px;h3{font-size:24px}button{padding:12px 24px}}}}}}}.skills{background:var(--secondary-bg);padding:80px 0;>section{grid-gap:60px 80px;border-top:1px solid var(--border-color);display:grid;gap:60px 80px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1400px;padding-top:60px;width:90%;>nav{display:flex;flex-direction:column;gap:12px;padding-left:24px;position:relative;&:before{background:var(--accent-color);content:"";height:32px;left:0;position:absolute;top:8px;width:3px}h1{color:var(--text-primary);font-family:Playfair Display,serif;font-size:32px;font-weight:700;letter-spacing:-.5px}h1,p{margin:0}p{color:var(--text-secondary);font-size:15px;font-weight:400}}}}@media screen and (max-width:1024px){.skills{>section{gap:50px 60px;grid-template-columns:repeat(2,1fr)}}}@media screen and (max-width:768px){.skills{padding:60px 0;>section{gap:40px;grid-template-columns:1fr;padding-top:40px;>nav{align-items:center;padding-left:0;text-align:center;&:before{display:none}h1{font-size:28px}}}}}
/*# sourceMappingURL=main.24bc89f5.css.map*/