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