:root{--primary-color:#ff6b6b;--secondary-color:#4ecdc4;--text-color:#2c3e50;--background-color:#ffffdf;--sun-color:#ffe66d;--cloud-color:#fff}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{color:var(--text-color);background-color:var(--background-color);letter-spacing:-.01em;font-family:Poppins,sans-serif;line-height:1.6}a{color:inherit}.container{flex-direction:column;justify-content:space-between;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.graphics{z-index:-1;pointer-events:none;position:fixed;inset:0}.sun{background:var(--sun-color);transform-origin:50%;border-radius:50%;width:min(150px,30vw);height:min(150px,30vw);animation:6s ease-in-out infinite float;position:fixed;top:10%;right:15%;box-shadow:0 0 100px #ffe66d66}.cloud{background:var(--cloud-color);opacity:.9;border-radius:20px;position:absolute;box-shadow:0 4px 12px #0000000d}.cloud-1{width:min(100px,20vw);height:min(40px,8vw);animation:8s ease-in-out infinite float;top:30%;left:20%}.cloud-2{width:min(80px,16vw);height:min(30px,6vw);animation:10s ease-in-out infinite float;top:40%;right:30%}.content{text-align:center;max-width:800px;margin:auto;padding:0 1rem;position:relative}h1{color:var(--text-color);letter-spacing:-.03em;margin-bottom:.5rem;font-size:min(4.5rem,12vw);font-weight:700}.subtitle{color:var(--primary-color);letter-spacing:-.02em;margin-bottom:2rem;font-size:min(2rem,5vw);font-weight:600;line-height:1.2}.description{max-width:600px;color:var(--text-color);opacity:.9;margin:0 auto 3rem;font-size:min(1.3rem,4vw);font-weight:400;line-height:1.7}footer{text-align:center;color:var(--text-color);opacity:.7;z-index:2;padding:1rem;font-size:min(1rem,3.5vw);position:relative}.social-links{justify-content:center;gap:1rem;margin-bottom:1rem;display:flex}.social-links a{opacity:.8;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.social-links a:hover{opacity:1;transform:translateY(-2px)scale(1.05)}.social-links a svg{fill:currentColor;width:20px;height:20px}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(2deg)}}.project-content{text-align:left;max-width:900px;padding:1rem}.back-link{color:var(--secondary-color);margin-bottom:2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.back-link:hover{color:var(--primary-color);transform:translate(-5px)}.project-content h1,.project-content .subtitle{text-align:center}.project-description{text-align:center;max-width:700px;color:var(--text-color);opacity:.9;margin:2rem auto;font-size:1.2rem}.projects{text-align:left;margin:3rem 0}.projects h2{letter-spacing:.08em;margin-bottom:1.5rem;font-size:2.5rem;font-weight:700}.projects-column{flex-direction:column;gap:1rem;display:flex}.project-card{background:#fff9;border-radius:18px;flex-direction:column;gap:.4rem;padding:.9rem 1.1rem;display:flex;box-shadow:0 12px 30px #00000014}.project-card header{flex-direction:column;gap:.25rem;display:flex}.project-card h3{margin:0;font-size:1.4rem}.project-card p{margin:0;line-height:1.6}.project-tag{letter-spacing:.1em;color:var(--secondary-color);font-size:.9rem;font-weight:600}.project-links{flex-wrap:wrap;gap:.5rem;display:flex}.text-link{color:var(--primary-color);font-weight:600;text-decoration:none;transition:color .2s}.text-link:hover{color:#ff5252}.screenshot{text-align:center;margin:3rem 0}.screenshot img{border-radius:12px;max-width:100%;height:auto;transition:transform .3s;box-shadow:0 8px 30px #00000026}.screenshot img:hover{transform:scale(1.02)}.features,.privacy-section{margin:3rem 0}.feature-section,.policy-section{background:#fff9;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 15px #00000014}.feature-section h2,.policy-section h2{color:var(--primary-color);margin-bottom:1rem;font-size:1.8rem;font-weight:700}.feature-section h3{color:var(--secondary-color);margin-bottom:.8rem;font-size:1.4rem;font-weight:600}.feature-section p,.policy-section p{margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.feature-note{color:var(--text-color);opacity:.8;margin-top:1.5rem;font-style:italic}.feature-section ul,.feature-section ol,.policy-section ul,.policy-section ol{margin-bottom:1rem;margin-left:1.5rem}.feature-section li,.policy-section li{margin-bottom:.8rem;font-size:1.05rem;line-height:1.7}.feature-section a,.policy-section a{color:var(--secondary-color);font-weight:600;text-decoration:none;transition:color .3s}.feature-section a:hover,.policy-section a:hover{color:var(--primary-color);text-decoration:underline}code{color:var(--primary-color);background:#ff6b6b1a;border-radius:4px;padding:.2rem .5rem;font-family:Courier New,monospace;font-size:.95em}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin:3rem 0;display:flex}.btn{border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #0000001a}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:#ff5252;transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b4d}.btn-secondary{background:var(--secondary-color);color:#fff}.btn-secondary:hover{background:#45b8b0;transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc44d}.btn svg{fill:currentColor;flex-shrink:0}.privacy-content{max-width:800px}.last-updated{text-align:center;color:var(--text-color);opacity:.7;margin-bottom:3rem;font-size:.95rem;font-style:italic}.tldr{border:2px solid var(--sun-color);background:#ffe66d33}.tldr h2{color:var(--text-color)}.tldr p{font-size:1.1rem}@media (height<=500px){.description{font-size:min(1rem,3.5vw)}.sun{width:min(100px,20vw);height:min(100px,20vw)}}@media (width<=768px){.project-content{padding:.5rem}.feature-section,.policy-section{padding:1.5rem}.cta-buttons{flex-direction:column;align-items:stretch}.btn{justify-content:center}}@media (width<=480px){.container{padding:1rem}h1{margin-bottom:.3rem}.subtitle{margin-bottom:1rem}.back-link{margin-bottom:1.5rem;font-size:1rem}.feature-section h2,.policy-section h2{font-size:1.5rem}.feature-section h3{font-size:1.2rem}.feature-section,.policy-section{padding:1rem}}