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}.app{color:#fff;font-family:Montserrat,sans-serif;max-width:none;min-height:100vh}.app,body,html{background:#0f0f0f;margin:0;padding:0}.header{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border-bottom:1px solid #333;overflow:hidden;padding:80px 40px 60px;position:relative}.header:before{background:linear-gradient(90deg,#0000,#fff,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;font-size:4rem;font-weight:800;margin:0 auto}.header h1,.header p{max-width:1200px;text-align:left}.header p{color:#888;font-size:1.4rem;font-weight:500;margin:10px auto 0}section{border-bottom:1px solid #222;max-width:none;padding:80px 40px}.about,.contact,.projects,.skills{margin:0 auto;max-width:1200px}.about h2,.contact h2,.projects h2,.skills h2{color:#fff;display:inline-block;font-size:2.5rem;font-weight:700;margin-bottom:30px;position:relative}.about h2:after,.contact h2:after,.projects h2:after,.skills h2:after{background:linear-gradient(90deg,#ff6b6b,#4ecdc4);bottom:-10px;content:"";height:3px;left:0;position:absolute;width:60px}.skills-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:1000px}.skills-list span{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;font-size:1rem;font-weight:500;padding:15px 20px;text-align:center;transition:all .3s ease}.skills-list span:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.social-links{background:#0f0f0f;display:flex;gap:20px;justify-content:center;padding:60px 40px}.social-links a{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;color:#fff;display:flex;font-weight:600;gap:10px;padding:15px 30px;text-decoration:none;transition:all .3s ease}.social-links a:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-3px)}.projects-showcase{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-top:50px}.project-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .4s ease}.project-card:hover{border-color:#ffffff4d;box-shadow:0 20px 40px #0006;transform:translateY(-8px)}.project-preview{height:220px;overflow:hidden}.preview-image{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.project-card:hover .preview-image{transform:scale(1.05)}.project-info{display:flex;flex-direction:column;flex-grow:1;padding:25px}.project-info h3{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:10px}.project-info p{color:#ccc;line-height:1.5;margin-bottom:20px}.project-tech{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.project-tech span{background:#ffffff14;border:1px solid #ffffff26;border-radius:14px;font-size:.8rem;font-weight:500;padding:6px 12px}.project-links{display:flex;gap:12px;margin-top:auto}.project-link{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;flex:1 1;font-size:.9rem;font-weight:600;padding:10px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.project-link.secondary{background:#ffffff1a;color:#ccc}.project-link:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.project-link.secondary:hover{background:#fff3}@media (max-width:768px){.app{padding:0 15px}.header{padding:40px 0 30px}.header h1{font-size:2rem}.header p{font-size:1.1rem}section{padding:40px 0}h2{font-size:1.7rem;margin-bottom:20px}.projects-showcase{gap:25px;grid-template-columns:1fr}.project-card{margin-bottom:0}.project-links{flex-direction:column}.skills-list{gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.skills-list span{font-size:.85rem;padding:12px 15px}}@media (max-width:480px){.header h1{font-size:2rem}.project-info{padding:15px}}
/*# sourceMappingURL=main.359b4e1c.css.map*/