:root{--color-bg: #050505;--color-primary: #00f3ff;--color-secondary: #ff00ff;--color-text: #ffffff;--color-text-dim: #a0a0a0;--color-glass: rgba(255, 255, 255, .05);--color-glass-border: rgba(255, 255, 255, .1);--font-main: "Outfit", sans-serif;--glow-primary: 0 0 20px rgba(0, 243, 255, .5);--glow-secondary: 0 0 20px rgba(255, 0, 255, .5)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-main);overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-glass-border);border-radius:4px;border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#ec4899,#8b5cf6);box-shadow:0 0 15px #ec4899}.glass{background:var(--color-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-glass-border);border-radius:16px}.text-gradient{background:linear-gradient(to right,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.projects-section{padding:8rem 1rem;position:relative;min-height:100vh;background-color:transparent;overflow:hidden;perspective:2000px}.projects-container{max-width:80rem;margin:0 auto;position:relative;z-index:10}.projects-header{margin-bottom:4rem;position:relative;text-align:center}.projects-header-content{display:flex;flex-direction:column;gap:1.5rem}.projects-main-title{font-size:3.5rem;font-weight:800;line-height:1;letter-spacing:-.02em;color:#d946ef;text-shadow:0 0 20px rgba(217,70,239,.3);margin:0}.projects-title-line{width:60px;height:4px;background:var(--color-primary);border-radius:2px;overflow:hidden}.projects-description{color:var(--color-text-dim);font-size:1.125rem;max-width:32rem;line-height:1.6}@media(min-width:768px){.projects-main-title{font-size:5rem}}@media(max-width:768px){.projects-main-title{font-size:2.5rem}.project-card{padding:0}.card-content{padding:1.5rem}}.projects-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;grid-auto-flow:dense;perspective:1000px}@media(min-width:768px){.projects-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(400px,auto);gap:2rem}}.project-card{position:relative;background:#14141999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;transform-style:preserve-3d;will-change:transform;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.project-card:before{content:"";position:absolute;inset:0;border-radius:1rem;padding:1px;background:linear-gradient(135deg,#d946ef80,#a855f780);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.5;transition:opacity .4s}.project-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 40px -10px #00000080,0 0 30px #d946ef33;z-index:20}.project-card:hover:before{opacity:1}.card-content{position:relative;z-index:10;padding:2rem;height:100%;display:flex;flex-direction:column;transform-style:preserve-3d}.card-header{margin-bottom:1.5rem;transform-style:preserve-3d}.card-header-top{display:flex;justify-content:flex-end;align-items:flex-start;margin-bottom:1rem}.project-links{display:flex;gap:.75rem}.project-icon-floating{position:absolute;top:1.5rem;right:1.5rem;font-size:2.5rem;color:#ffffff1a;transition:color .4s}.project-card:hover .project-icon-floating{color:#d946ef80}.project-title{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.25rem;letter-spacing:-.01em}.project-role{font-family:Courier New,monospace;font-size:.875rem;color:#d946ef;text-transform:uppercase;letter-spacing:.05em}.card-body{display:flex;flex-direction:column;flex-grow:1;transform-style:preserve-3d}.project-description{color:#ffffffb3;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.project-tag{font-size:.75rem;padding:.25rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:100px;color:#fff9;transition:all .3s}.project-card:hover .project-tag{background:#d946ef1a;border-color:#d946ef4d;color:#fff}.corner{position:absolute;width:10px;height:10px;border-color:#fff3;border-style:solid;transition:all .4s;z-index:30}.project-card:hover .corner{border-color:#d946ef;width:15px;height:15px}.corner-tl{top:0;left:0;border-width:2px 0 0 2px;border-radius:6px 0 0}.corner-tr{top:0;right:0;border-width:2px 2px 0 0;border-radius:0 6px 0 0}.corner-bl{bottom:0;left:0;border-width:0 0 2px 2px;border-radius:0 0 0 6px}.corner-br{bottom:0;right:0;border-width:0 2px 2px 0;border-radius:0 0 6px}.icon-link{color:#ffffff80;font-size:1.1rem;transition:all .2s;padding:.25rem;border-radius:.25rem}.icon-link:hover{color:#fff;background:#ffffff1a;transform:translateY(-2px)}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.contact-section{padding:8rem 1rem;position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.contact-container{width:100%;max-width:800px;position:relative;z-index:10}.contact-card{background:#14141999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:2rem;padding:4rem 2rem;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.contact-card:before{content:"";position:absolute;inset:0;border-radius:2rem;padding:1px;background:linear-gradient(135deg,#00f3ff4d,#bd00ff4d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.contact-title{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.contact-text{font-size:1.25rem;color:#ffffffb3;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.social-grid{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.social-link{position:relative;width:80px;height:80px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff9;transition:all .3s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.social-link:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,var(--hover-color),transparent 70%);opacity:0;transition:opacity .3s}.social-link:hover{transform:translateY(-5px) scale(1.1);color:#fff;border-color:#ffffff4d;box-shadow:0 10px 20px #0000004d,0 0 20px var(--hover-glow)}.social-link:hover:after{opacity:.2}.contact-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05);color:#fff6;font-size:.9rem;font-family:Courier New,monospace}@media(max-width:768px){.contact-title{font-size:2rem}.contact-card{padding:2rem 1rem}.social-grid{gap:1.5rem}.social-link{width:60px;height:60px;font-size:1.5rem}}