.clock{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding-right:20px}@media (max-width: 768px){.clock{display:none}}.clock-time{font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-variant-numeric:tabular-nums;letter-spacing:.5px}.clock-date{font-size:.75rem;color:#a0aec0;font-weight:400}.navbar{position:fixed;top:0;left:0;right:0;background:#0f1419f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #2d3748;z-index:1000;padding:8px 0;display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.navbar{padding:12px 0}}.navbar-container{max-width:1200px;width:100%;margin:0 auto;padding:0 20px}@media (max-width: 768px){.navbar-container{padding:0 15px}}@media (max-width: 480px){.navbar-container{padding:0 10px}}.navbar-left{display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer}@media (max-width: 768px){.logo{font-size:1.3rem}}@media (max-width: 480px){.logo{font-size:1.2rem}}.nav-links{display:flex;list-style:none;gap:40px;margin:0;padding:0}@media (max-width: 768px){.nav-links{gap:20px}}@media (max-width: 480px){.nav-links{gap:15px}}.nav-links a{text-decoration:none;color:#e2e8f0;font-weight:500;transition:all .3s ease;position:relative;cursor:pointer}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0%;height:2px;background:#667eea;transition:width .3s ease}.nav-links a:hover{color:#667eea}.nav-links a:hover:after{width:100%}@media (max-width: 768px){.nav-links a{font-size:.9rem}}@media (max-width: 480px){.nav-links a{font-size:.85rem}}.footer{background:#1a202c;padding:40px 0;text-align:center;border-top:1px solid #2d3748;position:relative;margin-top:auto}.footer p{color:#a0aec0}.cursor-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;will-change:transform;contain:layout style paint}.random-dots-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden;will-change:transform;contain:layout style paint}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-50px,50px) scale(.9)}}@keyframes scroll{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(15px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #e2e8f0;--secondary-color: #cbd5e0;--accent-color: #667eea;--accent-secondary: #764ba2;--text-color: #e2e8f0;--text-light: #a0aec0;--background: #0f1419;--card-background: #1a202c;--border-color: #2d3748}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:#e2e8f0;background:#0f1419;position:relative;overflow-x:hidden}.app-wrapper{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.background-grid{position:fixed;top:-50px;left:-50px;width:calc(100% + 100px);height:calc(100% + 100px);background-image:linear-gradient(rgba(102,126,234,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(102,126,234,.03) 1px,transparent 1px);background-size:47px 47px;background-position:0 0,0 0;pointer-events:none;z-index:0;transition:transform .3s ease;will-change:transform;contain:layout style paint}@media (max-width: 768px){.background-grid{transform:none!important;background-size:40px 40px}}@media (max-width: 480px){.background-grid{background-size:35px 35px}}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);z-index:9999;transition:width .1s ease}.container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}@media (max-width: 768px){.container{padding:0 15px}}@media (max-width: 480px){.container{padding:0 10px}}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:60px;color:#e2e8f0;background:linear-gradient(135deg,#e2e8f0,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}@media (max-width: 768px){.section-title{font-size:2rem;margin-bottom:40px}.section-title:after{width:50px;height:3px;bottom:-12px}}@media (max-width: 480px){.section-title{font-size:1.8rem;margin-bottom:35px}.section-title:after{width:40px}}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{margin:0;min-width:320px;min-height:100vh}