*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,sans-serif}body{background:#000;color:#eee}:root{--purple: rgb(255, 100, 100);--purple-glow: rgba(239, 68, 68, .6);--bg-dark: #1f1f1f;--card-dark: #0c0c0c}.app{min-height:100vh;padding:40px 24px;display:flex;flex-direction:column;align-items:center}.hero{text-align:center;margin-bottom:60px}.hero h1{font-size:3rem;color:var(--purple);text-shadow:0 0 20px var(--purple-glow)}.hero p{opacity:.8;margin-top:8px}.projects{width:100%;max-width:1000px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:20px}.card{background:var(--card-dark);border:1px solid #ff5c5c;border-radius:14px;padding:24px;transition:all .3s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--x, 50%) var(--y, 50%),rgba(237,58,58,.15),transparent 40%);opacity:0;transition:opacity .3s}.card:hover:before{opacity:1}.card:hover{transform:translateY(-6px);border-color:var(--purple);box-shadow:0 0 30px #7c3aed40}.card h2{color:var(--purple);margin-bottom:10px}.card p{font-size:.95rem;opacity:.85;margin-bottom:16px}.card a{color:var(--purple);text-decoration:none;font-weight:500}.card a:hover{text-decoration:underline}footer{margin-top:80px;opacity:.5;font-size:.85rem}.app-root{position:relative;min-height:100vh;overflow:hidden}.background{position:fixed;inset:0;z-index:0;background:#fff;height:100%;pointer-events:none}.app{position:relative;z-index:1;min-height:100vh;padding:40px 24px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(#0006,#0006)}.card{display:block;text-decoration:none;color:inherit}.faulty-terminal-container{width:100%;height:100%;position:relative;overflow:hidden}