:root{--bg-primary:#0a0a0a;--bg-secondary:#0d1117;--bg-card:rgba(22,27,34,.8);--text-primary:#fff;--text-secondary:#8b949e;--accent-color:#00d4ff;--accent-secondary:#0ea5e9;--border-color:#30363d;--gradient-start:#00d4ff;--gradient-end:#0ea5e9;--glass-bg:rgba(22,27,34,.7);--glass-border:rgba(0,212,255,.15);--glow-sm:0 0 10px rgba(0,212,255,.3);--glow-md:0 0 20px rgba(0,212,255,.4);--glow-lg:0 0 40px rgba(0,212,255,.5);--tech-cyan:#0ff;--tech-blue:#0080ff;--tech-purple:#8b5cf6}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;overflow-x:hidden}.container{margin:0 auto;max-width:1200px;padding:0 20px}#particles-canvas{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.content-wrapper{position:relative;z-index:1}.section-title{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;position:relative;width:100%}.section-title:after{background:linear-gradient(90deg,transparent,var(--accent-color),transparent);bottom:-15px;box-shadow:var(--glow-md);content:"";height:3px;left:50%;position:absolute;transform:translate(-50%);width:100px}.section-title:before{animation:blink 1.5s ease-in-out infinite;color:var(--accent-color);content:"//";font-family:monospace;font-size:1.5rem;left:-40px;opacity:.5;position:absolute}@keyframes blink{0%,to{opacity:.5}50%{opacity:1;text-shadow:0 0 10px var(--accent-color)}}.section-subtitle{color:var(--text-secondary);font-size:1.2rem;margin-bottom:2rem;text-align:center}.card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;padding:2rem;position:relative;transition:all .25s ease}.card:before{background:#00b4dc99;content:"";height:0;left:0;position:absolute;top:0;transition:height .3s ease;width:3px}.card:hover:before{height:100%}.card:hover{border-color:#00b4dc4d;transform:translateY(-2px)}.tech-flow{position:relative}.tech-flow:before{animation:flow 2s linear infinite;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes flow{0%{transform:translate(-100%)}to{transform:translate(100%)}}.tech-border{position:relative}.tech-border:after,.tech-border:before{border:2px solid var(--accent-color);content:"";height:20px;position:absolute;transition:all .3s ease;width:20px}.tech-border:before{border-bottom:none;border-right:none;left:-2px;top:-2px}.tech-border:after{border-left:none;border-top:none;bottom:-2px;right:-2px}.tech-border:hover:after,.tech-border:hover:before{height:100%;width:100%}.tech-tag{background:#00d4ff1a;border:1px solid var(--accent-color);border-radius:4px;color:var(--accent-color);display:inline-block;font-family:monospace;font-size:.875rem;overflow:hidden;padding:.5rem 1rem;position:relative}.tech-tag:before{animation:blink 1s step-end infinite;content:">";margin-right:.5rem}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:.95rem;font-weight:500;padding:.875rem 2rem;text-decoration:none;transition:all .25s ease}.btn-primary{background:#00b4dce6;color:#0a0a0a}.btn-primary:hover{background:#00b4dc;transform:translateY(-2px)}.btn-secondary{background:transparent;border:1px solid rgba(0,180,220,.5);color:#00b4dce6}.btn-secondary:hover{background:#00b4dc1a;border-color:#00b4dcb3;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{box-shadow:var(--glow-sm)}50%{box-shadow:var(--glow-lg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes rotate-glow{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes breathe{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes border-flow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes data-stream{0%{opacity:0;transform:translate(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(100vw)}}@keyframes particle-rise{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:1;transform:scale(1)}90%{opacity:.5}to{opacity:0;transform:translateY(-100px) scale(.5)}}.fade-in{animation:fadeIn .8s cubic-bezier(.4,0,.2,1)}.fade-in-left{animation:fadeInLeft .8s cubic-bezier(.4,0,.2,1)}.fade-in-right{animation:fadeInRight .8s cubic-bezier(.4,0,.2,1)}.scale-in{animation:scaleIn .8s cubic-bezier(.4,0,.2,1)}.glow-effect{animation:glow 2s ease-in-out infinite}.float-effect{animation:float 3s ease-in-out infinite}@media(max-width:768px){.section-title{font-size:2rem}.container{padding:0 15px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--gradient-start),var(--gradient-end));border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}::-moz-selection{background:#00d4ff4d;color:var(--text-primary)}::selection{background:#00d4ff4d;color:var(--text-primary)}html{scroll-behavior:smooth}.page-enter-active,.page-leave-active{transition:all .4s cubic-bezier(.4,0,.2,1)}.page-enter-from{opacity:0;transform:translateY(20px)}.page-leave-to{opacity:0;transform:translateY(-20px)}.text-gradient{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-border{position:relative}.glow-border:before{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));border-radius:inherit;content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.glow-border:hover:before{opacity:1}