*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f5f7ff;color:#0f172a;line-height:1.6}section{max-width:900px;margin:40px auto;padding:80px 40px;background-color:#eae0e0;border-radius:12px;border:1px solid #e2e8f0;transition:transform .2s ease,box-shadow .2s ease}section:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000000d}p{max-width:700px;margin-bottom:12px;color:#475569}h1{font-size:42px}h2{font-size:28px}h3{font-size:18px;margin-top:20px}ul{list-style:none;padding-left:0}li{margin-bottom:8px}a{color:#6366f1;font-weight:500}a:hover{opacity:.85}html{scroll-behavior:smooth}.navbar{position:fixed;top:0;width:100%;background-color:#bec6e9d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0;z-index:1000}.nav-container{max-width:900px;margin:0 auto;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.logo{font-weight:700;color:#6366f1}.nav-links{display:flex;gap:20px;position:relative}.nav-links a{font-size:14px;color:#111}.nav-links a:hover{color:#2563eb}.nav-links a:after{content:"";position:absolute;left:0;bottom:-4px;width:0%;height:2px;background-color:#6366f1;transition:width .2s ease}.nav-links a:hover:after{width:100%}#home{padding-top:140px}