:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.sustainogram-container{min-height:100vh;font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;overflow:hidden;background:linear-gradient(to bottom,#f0fdf4,#fff)}.glass-card{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;transition:all 1s linear;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 30px #0000001a}.glass-card:hover{background:#3cff00;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 30px #0000001a}.glass-card-border{position:relative;overflow:hidden;border-radius:16px}.glass-card-border:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,#48bb7800,#48bb7840);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.text-green-800{color:#166534}.text-green-700{color:#15803d}.screenshot-card{position:relative;width:300px;height:600px;perspective:1000px;margin:2rem}.screenshot-card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.screenshot-card:hover .screenshot-card-inner{transform:rotateY(10deg) rotateX(5deg) translateY(-10px)}.screenshot-card-image{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:20px;overflow:hidden;box-shadow:0 25px 50px -12px #10b98140;border:4px solid rgba(255,255,255,.3)}.screenshot-card-image img{width:100%;height:100%;object-fit:cover}.screenshot-card-glow{position:absolute;width:100%;height:100%;border-radius:16px;background:#48bb7833;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:-1;top:10px;left:10px;opacity:0;transition:opacity .3s ease}.screenshot-card:hover .screenshot-card-glow{opacity:1}.screenshot-card-badge{position:absolute;bottom:-10px;right:-10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;box-shadow:0 4px 6px -1px #0000001a;z-index:2;border:2px solid white}.screenshot-card-reflection{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,#fff0,#ffffff1a 40%,#fff0 60%);transform:translate(-100%);transition:transform .6s}.screenshot-card:hover .screenshot-card-reflection{transform:translate(100%)}@media (max-width: 768px){.screenshot-card{width:250px;height:500px;margin:1rem}}@media (max-width: 480px){.screenshot-card{width:200px;height:400px}}.text-green-600{color:#16a34a}.text-white{color:#fff}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.font-bold{font-weight:700}.bg-green-600{background-color:#16a34a}.bg-green-700{background-color:#15803d}.bg-green-500{background-color:#22c55e}.bg-green-400{background-color:#4ade80}.bg-white{background-color:#fff}.bg-green-50{background-color:#f0fdf4}.gradient-green{background:linear-gradient(145deg,#10b981,#059669)}.gradient-green-light{background:linear-gradient(to bottom,#f0fdf4,#fff)}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.px-4{padding-left:1rem;padding-right:1rem}.p-8{padding:2rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-16{margin-bottom:4rem}.rounded-full{border-radius:9999px}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.border-4{border-width:4px}.border-white{border-color:#fff}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:p-12{padding:3rem}}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-xs{max-width:20rem}.mx-auto{margin-left:auto;margin-right:auto}.relative{position:relative}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.z-10{z-index:10}.overflow-hidden{overflow:hidden}.text-center{text-align:center}.backdrop-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.float-animation{animation:float 6s ease-in-out infinite}.hero-section{position:relative;height:40vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.feature-card{transition:all .3s ease}.feature-card:hover{transform:translateY(-8px);background:#3df346fb;box-shadow:0 15px 30px #11743a}.download-button{transition:all .3s ease;background:linear-gradient(145deg,#10b981,#059669)}.download-button:hover{transform:scale(1.05);box-shadow:0 0 20px #48bb7866}.download-button:active{transform:scale(.95)}.registration-page{min-height:100vh;background-color:#ecfdf5;padding:2.5rem 1rem;display:flex;align-items:center;justify-content:center}.registration-card{width:100%;max-width:1000px;background-color:#fff;border-radius:1.5rem;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;overflow:hidden}.registration-left{background:linear-gradient(to bottom,#1d4ed8,#3b82f6);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.registration-left h1{font-size:2rem;font-weight:700;margin:.5rem 0}.registration-left button{background-color:#fff;color:#1d4ed8;font-weight:700;padding:.5rem 1.5rem;border-radius:999px;border:none;cursor:pointer;box-shadow:0 2px 5px #0003}.registration-left button:hover{background-color:#f3f4f6}.registration-right{width:100%;padding:1.5rem;box-sizing:border-box;overflow-wrap:break-word}.registration-right h2{font-size:1.75rem;font-weight:700;color:#1d4ed8;margin-bottom:1rem}.registration-right p{color:#374151;margin-bottom:1.5rem;font-size:.9rem;line-height:1.6;word-break:break-word;white-space:normal}@media (max-width: 640px){.registration-right p{font-size:.95rem;line-height:1.7;margin-bottom:1rem}}.form-grid{display:flex;flex-direction:column;gap:1rem;max-width:300px;margin:0}.input-group{display:flex;flex-direction:column}.input-group label{font-size:.9rem;font-weight:500;color:#374151;margin-bottom:.25rem}.input-style{width:100%;padding:.5rem 1rem;font-size:1rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;transition:all .15s ease-in-out;color:#111827}.input-style:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d}.radio-group{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;font-size:1rem}.radio-group label{display:flex;align-items:center;gap:.4rem;color:#374151;font-weight:500}.submit-btn{margin-top:1.5rem;width:100%;background-color:#047857;color:#fff;padding:.75rem;font-weight:700;border:none;border-radius:999px;cursor:pointer}.submit-btn:hover{background-color:#065f46}@media (min-width: 768px){.registration-card{flex-direction:row}.registration-left,.registration-right{width:50%}}