*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);color:#f1f5f9;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;min-height:100vh}::selection{background:#38bdf84d;color:#f0f9ff}a{color:inherit;text-decoration:none}button{border:none;cursor:pointer;font-family:inherit;outline:none}img{height:auto;max-width:100%}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172acc;border-bottom:1px solid #94a3b81a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.header-container,.logo{align-items:center;display:flex}.logo{color:#f1f5f9;font-size:1.5rem;font-weight:700;gap:.75rem;transition:transform .3s ease}.logo:hover{transform:scale(1.02)}.logo-icon{color:#38bdf8;font-size:1.75rem}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;background-clip:text}.nav{display:flex;gap:2rem}.nav-link{color:#94a3b8;font-size:.95rem;font-weight:500;position:relative;transition:all .3s ease}.nav-link:after{background:linear-gradient(90deg,#38bdf8,#818cf8);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover{color:#f1f5f9}.nav-link:hover:after{width:100%}@media (max-width:640px){.header-container{padding:1rem}.logo-text{font-size:1.25rem}.nav{gap:1rem}.nav-link{font-size:.875rem}}.footer{background:#0f172a99;border-top:1px solid #94a3b81a;padding:2rem}.footer-container{margin:0 auto;max-width:1200px}.footer-content{justify-content:space-between;margin-bottom:1rem}.footer-content,.footer-text{align-items:center;display:flex}.footer-text{color:#94a3b8;font-size:.9rem;gap:.5rem}.heart-icon{animation:pulse 1.5s ease-in-out infinite;color:#f43f5e}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.social-links{display:flex;gap:1rem}.social-link{color:#64748b;font-size:1.25rem;transition:all .3s ease}.social-link:hover{color:#38bdf8;transform:translateY(-2px)}.copyright{color:#475569;font-size:.8rem;text-align:center}@media (max-width:640px){.footer-content{flex-direction:column;gap:1rem;text-align:center}}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{display:flex;flex:1 1;flex-direction:column}