:root{color:#191719;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never;background:#f7f2fb;font-family:Trebuchet MS,system-ui,sans-serif;font-weight:400}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100svh}button{font:inherit}.phone-screen{isolation:isolate;background:radial-gradient(at 100% 8%,#ffcdf5b3,#0000 35%),radial-gradient(at 0%,#dcfceab3,#0000 38%),radial-gradient(at 100% 66%,#cfe2ffb8,#0000 38%),linear-gradient(135deg,#fff5fb 0%,#f7f2ff 52%,#fff3fa 100%);max-width:430px;min-height:100svh;margin:0 auto;padding:0 0 28px;position:relative;overflow:hidden}.status-bar{color:#19151d;z-index:2;justify-content:space-between;align-items:center;height:44px;padding:0 28px 0 34px;font:600 15px/1 system-ui,sans-serif;display:flex;position:relative}.status-icons svg{fill:#19151d;stroke:#19151d;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:42px;height:16px;overflow:visible}.status-icons .wifi{fill:none}.status-icons .battery{fill:none;stroke-width:1.5px}.intro{text-align:center;z-index:1;padding:24px 24px 0;position:relative}.intro h1{color:#58066c;letter-spacing:-.8px;white-space:nowrap;margin:0;font:800 28px/1.22 Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif}.intro:not(.rating-intro) h1{letter-spacing:0;font-family:Lilita One,Trebuchet MS,system-ui,sans-serif;font-weight:400}.intro h1 span{display:none}.intro p{color:#7b7780;letter-spacing:.05px;max-width:382px;margin:6px auto 0;font:400 13.5px/19px Trebuchet MS,system-ui,sans-serif}.teacher-grid{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:32px 24px 0;display:grid;position:relative}.teacher-card{color:#191719;cursor:pointer;width:100%;height:213px;font:inherit;background:#f8ddff;border:0;border-radius:24px;flex-direction:column;justify-content:space-between;align-items:center;padding:12px 8px 10px;transition:transform .16s,box-shadow .16s;display:flex}.teacher-card:hover{transform:translateY(-2px)}.teacher-card:focus-visible{outline-offset:3px;outline:3px solid #9300b7}.teacher-card.is-selected{box-shadow:inset 0 0 0 2px #a000c7,0 4px 16px #a000c722}.portrait-stage{width:100%;height:156px;display:block;position:relative}.purple-mark{object-fit:contain;width:144px;height:113px;position:absolute;top:43px;left:50%;transform:translate(-50%)}.teacher-portrait{object-fit:contain;object-position:center bottom;width:auto;max-width:148px;height:156px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.portrait-stage.farhan .teacher-portrait{height:154px}.portrait-stage.fazil .teacher-portrait,.portrait-stage.adharsh .teacher-portrait,.portrait-stage.favas .teacher-portrait{height:156px}.portrait-stage.adheesha .teacher-portrait{height:154px}.portrait-stage.bilal .teacher-portrait{height:156px}.teacher-name{text-align:center;white-space:nowrap;letter-spacing:-.35px;width:100%;font:500 20px/1.15 Trebuchet MS,system-ui,sans-serif;display:block}.decorations{pointer-events:none;z-index:0;position:absolute;inset:0}.sparkle{filter:drop-shadow(0 1px 1px #ca9c37);line-height:1;position:absolute}.sparkle-one{font-size:23px;top:159px;left:18px}.sparkle-two{font-size:17px;top:180px;right:8px}.sparkle-three{font-size:25px;top:31px;left:75px}.sparkle-four{font-size:25px;top:73px;right:39px}.sparkle-five{font-size:19px;top:153px;left:53%}.sparkle-six{font-size:11px;top:75px;left:93%}.home-indicator{display:none}@media (width>=700px){.phone-screen{border-radius:34px;min-height:932px;margin:24px auto;box-shadow:0 18px 70px #31184420}}@media (width<=370px){.intro{padding-inline:18px}.intro h1{font-size:clamp(23px,7.2vw,28px)}.teacher-grid{gap:12px;margin-inline:16px}.teacher-card{border-radius:21px;height:198px;padding-inline:4px}.teacher-name{font-size:clamp(15px,4.8vw,20px)}.teacher-portrait{max-width:128px}}.rating-screen{min-height:100svh}.rating-intro{padding-top:24px}.rating-intro h1{letter-spacing:.2px;font-family:Lilita One,cursive,sans-serif;font-size:28px;font-weight:400}.rating-intro p{width:min(100%,270px);max-width:none;margin:6px auto 0}.rating-content{z-index:1;margin:90px 24px 0;position:relative}.teacher-profile{align-items:flex-end;height:244px;padding:0 16px 19px;display:flex;position:relative}.profile-copy{z-index:1;position:relative}.profile-copy h2{color:#58066c;letter-spacing:0;margin:0 0 5px;font:400 28px/1.15 Lilita One,Trebuchet MS,system-ui,sans-serif}.profile-copy p{color:#77727c;margin:0;font:400 15px/1.3 Trebuchet MS,system-ui,sans-serif}.profile-portrait{object-fit:contain;object-position:center bottom;width:181px;height:244px;position:absolute;bottom:0;right:20px}.rating-panel{background:#f8ddff;border-radius:24px;flex-direction:column;gap:12px;width:100%;min-height:139px;padding:18px 22px 21px;scroll-margin-top:12px;display:flex}.rate-label{color:#191719;align-items:center;gap:8px;font:400 17px/1.2 Trebuchet MS,system-ui,sans-serif;display:flex}.rate-label span{font-size:15px}.star-picker{background:#fff;border-radius:14px;justify-content:space-evenly;align-items:center;min-height:65px;display:flex}.rating-star{appearance:none;cursor:pointer;background:0 0;border:0;place-items:center;padding:4px;display:grid}.rating-star img{width:42px;height:42px;display:block}.rating-star:focus-visible{outline-offset:1px;border-radius:10px;outline:2px solid #a000c7}@media (width<=370px){.rating-content{margin-inline:16px;margin-top:70px}.profile-portrait{width:48%;right:8px}.profile-copy h2{font-size:24px}.rating-panel{padding-inline:16px}.rating-star img{width:36px;height:36px}}.rating-panel{padding-bottom:18px;position:relative}.rating-content.has-rating .rating-panel{padding-bottom:34px}.rated-caption{color:#29242b;align-self:flex-end;margin-top:-7px;font:400 12px/1.2 Trebuchet MS,system-ui,sans-serif}.rated-caption span{color:#ffcb08;font-size:12px}.feedback-form{background:#f8ddff;border-radius:24px;flex-direction:column;gap:17px;width:100%;margin-top:18px;padding:22px 6px 24px;display:flex}.feedback-field{color:#29242b;flex-direction:column;gap:8px;padding:0 20px;font:600 12px/1.2 Trebuchet MS,system-ui,sans-serif;display:flex}.feedback-field input,.feedback-field textarea{color:#29242b;background:#fff;border:0;border-radius:12px;outline:none;width:100%;padding:12px 16px;font:400 14px/1.3 Trebuchet MS,system-ui,sans-serif;display:block}.feedback-field input{height:46px}.feedback-field textarea{resize:vertical;height:114px;min-height:90px}.feedback-field input::placeholder,.feedback-field textarea::placeholder{color:#96919b;opacity:1}.feedback-field input:focus,.feedback-field textarea:focus{box-shadow:0 0 0 2px #a000c7}.submit-feedback{color:#fff;cursor:pointer;background:#650778;border:0;border-radius:12px;height:42px;margin:-7px 20px 0;font:600 14px/1 Trebuchet MS,system-ui,sans-serif}.submit-feedback:hover{background:#510464}.feedback-success{color:#58066c;text-align:center;justify-content:center;align-items:center;min-height:100px;font-weight:700}@media (width<=370px){.feedback-form{gap:14px;padding:20px 4px}.feedback-field{padding-inline:14px}.submit-feedback{margin-inline:14px}}.rating-intro{padding-top:68px;transform:none}.teacher-profile{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;display:grid;transform:translateY(-18px)}.profile-portrait{transform-origin:bottom;grid-column:2;justify-self:end;width:100%;max-width:181px;position:relative;bottom:auto;right:auto;transform:scale(1.45)}@media (height<=850px) and (width<=699px){.rating-content{margin-top:38px}.teacher-profile,.profile-portrait{height:220px}.rating-content.has-rating .rating-panel{gap:8px;padding:14px 20px 18px}.rating-content.has-rating .star-picker{min-height:54px}.rating-content.has-rating .rating-star img{width:36px;height:36px}.rating-content.has-rating .rated-caption{margin-top:-5px}.feedback-form{gap:12px;margin-top:14px;padding:18px 6px}.feedback-field{gap:6px}.feedback-field input{height:42px}.feedback-field textarea{height:90px;min-height:72px}.submit-feedback{height:36px}}.form-submission-frame{opacity:0;pointer-events:none;border:0;width:1px;height:1px;position:fixed;bottom:-10px;left:-10px}.thank-you-screen{padding:24px}.feedback-confirmation{color:#171717;background:#fff;border:1px solid #dedede;border-radius:12px;overflow:hidden}.confirmation-accent{background:#5845e5;height:16px}.confirmation-content{padding:38px 34px}.confirmation-content h1{color:#161616;letter-spacing:0;white-space:normal;margin:0 0 20px;font:400 clamp(30px,9vw,44px)/1.15 system-ui,sans-serif}.confirmation-content button{color:#1a73e8;cursor:pointer;background:0 0;border:0;padding:0;font:400 18px/1.4 system-ui,sans-serif;text-decoration:underline}.thank-you-screen{place-items:center;padding:24px;display:grid}.feedback-confirmation{text-align:center;background:0 0;border:0;border-radius:0;width:100%;overflow:visible}.confirmation-content{flex-direction:column;align-items:center;padding:0;display:flex}.success-check{color:#650778;background:#f8ddff;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:20px;font:600 36px/1 system-ui,sans-serif;display:grid}.confirmation-content h1{color:#58066c;letter-spacing:-.4px;margin:0 0 10px;font:700 32px/1.2 Trebuchet MS,system-ui,sans-serif}.confirmation-content p{color:#77727c;margin:0 0 24px;font:400 16px/1.5 Trebuchet MS,system-ui,sans-serif}.confirmation-content button{color:#fff;cursor:pointer;background:#650778;border:0;border-radius:12px;padding:12px 20px;font:600 14px/1.2 Trebuchet MS,system-ui,sans-serif;text-decoration:none}.confirmation-content button:hover{background:#510464}@media (width>=900px){.phone-screen{border-radius:32px;width:min(1200px,100% - 64px);max-width:none;min-height:calc(100svh - 48px);margin:24px auto;padding:44px 56px;box-shadow:0 18px 70px #31184420}.intro{padding-top:16px}.intro h1{font-size:38px}.intro p{max-width:620px;font-size:16px;line-height:1.5}.teacher-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:920px;margin:48px auto 0}.teacher-card{height:260px;padding:18px 12px 16px}.portrait-stage,.teacher-portrait{height:190px}.purple-mark{top:56px}.rating-intro{padding-top:10px;transform:none}.rating-intro h1{font-size:38px}.rating-intro p{width:min(100%,365px);max-width:480px;margin:8px auto 0;font-size:16px}.rating-content{flex-direction:column;align-items:stretch;width:min(100%,480px);margin:32px auto 0;display:flex}.teacher-profile{justify-content:space-between;align-items:flex-end;height:250px;padding:0 20px 0 24px;display:flex;position:relative}.profile-copy{z-index:1;padding-bottom:22px;position:relative}.profile-copy h2{letter-spacing:-.4px;margin:0 0 4px;font-size:32px}.profile-copy p{margin:0;font-size:16px}.profile-portrait{object-fit:contain;object-position:center bottom;align-self:flex-end;width:auto;max-width:210px;height:250px;position:relative;bottom:0;right:auto}.rating-panel{background:#f8ddff;border-radius:24px;width:100%;min-height:144px;padding:20px 24px 22px}.star-picker{min-height:68px}.rating-content.has-rating .rating-panel{padding:18px 24px 24px}.rating-content.has-rating .star-picker{min-height:64px}.rating-content.has-rating .rating-star img{width:40px;height:40px}.feedback-form{background:#f8ddff;border-radius:24px;width:100%;margin-top:18px;padding:22px 6px 24px}.feedback-field{gap:8px;font-size:13px}.feedback-field input{height:48px;font-size:14px}.feedback-field textarea{height:110px;font-size:14px}.submit-feedback{height:44px;font-size:15px}.thank-you-screen{place-items:center;display:grid}.feedback-confirmation{width:min(100%,480px)}}