.app-container[data-v-68a37d08]{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;position:relative}main[data-v-68a37d08]{position:relative;width:100%;z-index:2}html[data-v-68a37d08]{scroll-behavior:smooth;scroll-padding-top:80px}a[data-v-68a37d08]{text-decoration:none;transition:color .3s ease}@media (max-width:768px){html[data-v-68a37d08]{scroll-padding-top:70px}}:root{--bg-primary:#0e1117;--bg-secondary:#171c26;--bg-tertiary:#212737;--text-primary:#f0f0f0;--text-secondary:#b3b3b3;--text-muted:#8a8a8a;--accent-primary:#00e5ff;--accent-secondary:#07f;--accent-tertiary:#9c27b0;--success:#4caf50;--warning:#ff9800;--error:#f44336;--border-radius:6px;--card-shadow:0 4px 20px rgba(0,0,0,.3);--font-main:"Rajdhani",sans-serif;--font-code:"Roboto Mono",monospace;--transition-speed:.3s}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:1rem}h1{background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;font-size:3rem;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}h2{display:inline-block;font-size:2.5rem;margin-bottom:2rem;position:relative}h2:after{background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));border-radius:4px;bottom:-10px;content:"";height:4px;left:0;position:absolute;width:60px}h3{color:var(--accent-primary);font-size:1.75rem}p{color:var(--text-secondary);margin-bottom:1rem}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-speed) ease}a:hover{color:var(--accent-secondary)}section{padding:4rem 0}.section-subtitle,.section-title{margin-bottom:3rem;text-align:center}.section-subtitle{color:var(--text-secondary);font-size:1.2rem;margin-top:-1.5rem}.container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}.btn{background-color:var(--accent-primary);border:none;border-radius:var(--border-radius);color:var(--bg-primary);cursor:pointer;display:inline-block;font-family:var(--font-main);font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-align:center;transition:all var(--transition-speed) ease}.btn:hover{background-color:var(--accent-secondary);box-shadow:0 5px 15px #00e5ff4d;color:#fff!important;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-outline{background-color:transparent;border:2px solid var(--accent-primary);color:var(--accent-primary)}.btn-outline:hover{background-color:var(--accent-primary);color:var(--bg-primary)}.card{background-color:var(--bg-secondary);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:1.5rem;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.card:hover{box-shadow:0 8px 30px #00000080;transform:translateY(-5px)}.grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.flex{display:flex}.flex-column{flex-direction:column}.flex-center{align-items:center;justify-content:center}.text-center{text-align:center}.form-group{margin-bottom:1.5rem}.form-control{background-color:var(--bg-tertiary);border:1px solid var(--bg-tertiary);border-radius:var(--border-radius);color:var(--text-primary);font-family:var(--font-main);padding:.75rem;transition:border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease;width:100%}.form-control:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #00e5ff33;outline:none}textarea.form-control{min-height:150px;resize:vertical}.form-error{color:var(--error);font-size:.9rem;margin-top:.5rem}@media (max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}section{padding:3rem 0}.grid{grid-template-columns:1fr}}@media (max-width:480px){h1{font-size:2rem}h2{font-size:1.75rem}}@font-face{font-display:swap;font-family:FontAwesome Solid;font-style:normal;font-weight:900;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.woff2) format("woff2")}@font-face{font-display:swap;font-family:FontAwesome Brands;font-style:normal;font-weight:400;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-brands-400.woff2) format("woff2")}.glow-text{animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 5px rgba(0,229,255,.5),0 0 10px rgba(0,229,255,.3)}to{text-shadow:0 0 10px rgba(0,229,255,.8),0 0 20px rgba(0,229,255,.5),0 0 30px rgba(0,229,255,.3)}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.circuit-node{border-radius:50%;height:3px;opacity:.5;width:3px}.circuit-line,.circuit-node{background-color:var(--accent-primary);position:absolute}.circuit-line{height:1px;opacity:.1;transform-origin:0 0}.circuit-pulse{animation:circuit-pulse 4s linear infinite;background-color:var(--accent-primary);border-radius:50%;box-shadow:0 0 8px var(--accent-primary),0 0 12px var(--accent-secondary);height:6px;opacity:.7;position:absolute;width:6px}@keyframes circuit-pulse{0%{opacity:1;transform:scale(.5)}50%{opacity:.8}to{opacity:0;transform:scale(1.5)}}.typing-animation{animation:typing 3.5s steps(40),blink .75s step-end infinite;border-right:.15em solid var(--accent-primary);overflow:hidden;white-space:nowrap}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:transparent}50%{border-color:var(--accent-primary)}}.float{animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.page-enter-active,.page-leave-active{transition:opacity .3s,transform .3s}.page-enter-from{opacity:0;transform:translate(20px)}.page-leave-to{opacity:0;transform:translate(-20px)}.fade-up-enter-active{transition:all .5s ease-out}.fade-up-leave-active{transition:all .3s ease-in}.fade-up-enter-from,.fade-up-leave-to{opacity:0;transform:translateY(20px)}.progress-animation{animation:progress-fill 1.5s ease-out forwards}@keyframes progress-fill{0%{width:0}to{width:var(--progress-width)}}.scale-in{animation:scale-in .5s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.rotate{animation:rotate 10s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}
